Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 2 Current »

References

Example

Usage

Structure

<mat-form-field class="input-datepicker">
  <label>Datepicker</label>
  <input matInput>
  <mat-datepicker-toggle></mat-datepicker-toggle>
  <mat-datepicker></mat-datepicker>
</mat-form-field>

Container

  • Every datepicker should have a mat-form-field container with a class of input-datepicker, which formats its' label, calendar icon and datepicker styles, positioning and spacing.

Label

  • Use <label> for the datepicker label

Input

  • Use mat-input for all instances of date inputs

  • No labels