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 be a wrapper around the Core DatePicker component, and should use the Core component, fd-date-picker in its template. As such, the bindings for the Platform DatePicker component are the are the same as the bindings for the Core DatePicker component and should be passed down to the Core component.

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

Notes

Manju:

1. Detailed documentation required, like we have it for other components