Usage

The format comes with three different types of date pickers to use. They give the context of date by day, week, or month

Guidance

  • Date Pickers should indicate a placeholder with text explanation.

  • They are resized by using sizing types.

When to use

  • Use Date Pickers for date data input.

Additional info

  • The default value can be set as today.

  • Consider showing time to display time with date.

  • Consider using range to show start and end Date Pickers.

Variations

  • The updatable properties of Date Pickers are placeholder, size, picker type, and format.

  • The updatable behaviors of Date Pickers are show time, show today, range, and read-only.

  • The updatable style features of Date Pickers are margin, padding, size, overflow, typography, background, border, effects, and CSS.

  • The updatable style features of Date Picker Suffix are size, overflow, typography, effects, and CSS.

  • The updatable style features of Date Picker Placeholder are margin, padding, typography, and CSS.

  • The usable dynamic properties of Date Pickers are placeholder, size, picker, format, showTime, showToday, isRange, inputReadOnly, disabled, hidden, and style.

Did this answer your question?