The date field represents a date and time picker. It can be used for data values that are valid date strings.

Options

This field plugin uses react-datetime under the hood.

interface DateConfig extends FieldConfig, DatetimepickerProps {
  component: 'date'
  name: string
  label?: string
  description?: string
  dateFormat?: boolean | string // Extra properties from react-datetime
  timeFormat?: boolean | string // Moment date format
}

FieldConfig

This interfaces only shows the keys unique to the date field.

Visit the Field Config docs for a complete list of options.

DatetimepickerProps

Any extra properties added to the the date field definition will be passed along to the react-datettime component. Moment.js format is used. See the full list of options here.

Example: Add "Created At" to Form

const formConfig = {
  fields: [
    {
      name: 'created_at',
      label: 'Created At',
      component: 'date',
      dateFormat: 'MMMM DD YYYY',
      timeFormat: false,
    },
  ],
}