Platform: Date Picker Component Technical Design

Date Picker

Summary

The DatePicker is an input component for selecting a date or date range.

See Fundamental NGX:Core implementation of Date Picker.

Example

<fdp-date-picker
  [(ngModel)]="startDate"
  [type]="'single'"
  [format]="MM/dd/yyyy"
  [compact]="true"
  [state]="'valid'"
  [disabled]="true"
  >
</fdp-date-picker>

Design

The Platform DatePicker component will more or less be a wrapper around the Core DatePicker component. As such, the bindings for the Platform DatePicker component are the are the same as the bindings for the Core DatePicker component.

As this is an input control it needs to implement the FormFieldControl as described in the FormGroup Layout or extend existing BaseInputComponent.

Property Bindings

Notes