Skip to main content

format

Description​

Optional. Sets the date format for a date range picker input

Usage​

format?: string | ((date: Date) => string);

Parameters​

  • string - a format string that defines how the date should be displayed in the input. The default value is "%m/%d/%Y".
  • function (value: Date) => string - a custom formatting function that takes a Date object and returns a formatted string.

Example​

<DateRangePicker format="%d %F, %Y" />

Details​

You can set the format property as a string or as a function that returns a formatted string.

Check the characters available for specifying the date format.

Related article: Setting the date format

Related sample: DateRangePicker