infinitesimal's questions

Por que parece que no meu aplicativo não consigo alterar esse preenchimento/margem, às vezes a primeira data tem a posição correta, às vezes a segunda.

além disso, os marcadores de posição não se parecem com os da documentação, a animação de "Digite um intervalo de datas" para "Data de início - Data de término" não é a mesma que a presente na documentação:

Este é meu código (copiei da documentação):

<mat-form-field appearance="fill">
  <mat-label>Enter a date range</mat-label>
  <mat-date-range-input [formGroup]="range" [rangePicker]="picker">
    <input matStartDate formControlName="start" placeholder="Start date">
    <input matEndDate formControlName="end" placeholder="End date">
  </mat-date-range-input>
  <mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
  <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-date-range-picker #picker></mat-date-range-picker>

  <mat-error *ngIf="range.controls.start.hasError('matStartDateInvalid')">Invalid start date</mat-error>
  <mat-error *ngIf="range.controls.end.hasError('matEndDateInvalid')">Invalid end date</mat-error>
</mat-form-field>

Editar. Ao clicar no seletor de data e pressionar as teclas “<-” e “->”, as datas são ajustadas para a posição correta.

Estou tentando usar um controle personalizado com tipo genérico em BindableProperty assim:

public partial class Overview : ContentView
{
    public static readonly BindableProperty AnimalsProperty =
            BindableProperty.Create(nameof(AnimalsProperty), typeof(ObservableRangeCollection<IAnimal>), typeof(Overview), null);

    public ObservableRangeCollection<IAnimal> Animals
    {
        get { return (ObservableRangeCollection<IAnimal>)GetValue(AnimalsProperty); }
        set { SetValue(AnimalsProperty, value); }
    }
}

public interface IAnimal {}
public partial class Dog: ObservableObject, IAnimal {}

Visão geral do cão xaml:

<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="DogOverview"
            >
    <Grid>
        <local:Overview
            Animals="{Binding Dogs}"
        />
    </Grid>
</ContentView>

public partial class DogViewModel: ObservableObject 
{
    [ObservableProperty]
    private ObservableRangeCollection<Dog> _dogs = [];
}

E quando eu uso BindableContext em DogOverviewalgo como:

public partial class DogOverview : ContentView
{
    public DogOverview(DogViewModel vm)
    {
        InitializeComponent();
        BindingContext = vm;
    }
}

Há um erro na linha BindingContext = vm: **System.InvalidCastException:** 'Object must implement IConvertible.'. Eu verifiquei e isso aconteceu porque eu uso IAnimalem BindableProprety. Eu só quero criar um controle personalizado com tipo genérico e usá-lo em outro ContentPage, isso é possível?