在Angular 10中，Angular Material 日期范围选择器的用法与之前的版本略有不同。以下是一个包含代码示例的解决方法：

1. 首先，确保你已经安装了最新版本的Angular Material。可以使用以下命令进行安装：

npm install --save @angular/material @angular/cdk @angular/animations

2. 在你的Angular项目中导入所需的模块。在app.module.ts文件中，添加以下导入语句：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatNativeDateModule } from '@angular/material/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatDatepickerModule,
    MatFormFieldModule,
    MatInputModule,
    MatNativeDateModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 在你的组件模板中，使用mat-date-range-input和mat-date-range-picker来创建日期范围选择器。请注意，mat-date-range-input指令用于关联开始日期和结束日期的输入框，而mat-date-range-picker指令用于显示日期选择器。

  选择日期范围
  
    
    
  
  
  

4. 在你的组件类中，可以使用MatDatepickerInputEvent来监听日期选择的变化，并获取选择的开始日期和结束日期。

import { Component } from '@angular/core';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  startDate: Date;
  endDate: Date;

  onDateChange(event: MatDatepickerInputEvent) {
    if (event.target.id === 'start') {
      this.startDate = event.value;
    } else if (event.target.id === 'end') {
      this.endDate = event.value;
    }
  }
}

5. 最后，你可以根据需要使用startDate和endDate属性来处理选定的日期范围。

请注意，以上解决方法是针对Angular 10中使用Angular Material日期范围选择器的错误而提供的。如果你遇到其他问题，请提供更多的详细信息，以便我们能够更好地帮助你。