datePickerFormat

datePickerFormat

The datePickerFormat property allows you to customize how selected dates are formatted in <Vizzly.Dashboard /> date pickers.

<Vizzly.Dashboard
  // ...
  datePickerFormat="DD/MM/YYYY"
/>
Vizzly Dashboard Date Picker Dropdown

Date Pickers

Date pickers are shown within <Vizzly.Dashboard /> in the following locations:

  • Date Range Dashboard Filters
  • Date Range Local Filters

By default, date pickers use DD/MM/YYYY. The total list of supported values includes:

  • DD/MM/YYYY
  • MM/DD/YYYY
  • YYYY/MM/DD

Default Values

import Vizzly, { type VizzlyTheming } from '@vizzly/dashboard';
 
export function Dashboard() {
  return (
    <Vizzly.Dashboard
      // ...
      datePickerFormat="DD/MM/YYYY" // Default Value
    />
  );
}