Filament•11mo ago

DateTimePicker 12 hour clock format

Is it possible to make the DateTimePicker component UI use a 12 hour clock format instead of the 24 hour clock standard? I'm using v2, and my code currently looks like this:

DateTimePicker::make('event_date_start')
  ->reactive()
  ->label($this->startLabel)
  ->required()
  ->minDate(now())
  ->withoutSeconds()
  ->displayFormat('M j, Y - h:i A')
  ->helperText('Date and start time for the 1 day event')
  ->columnSpan([
      'sm' => 4,
      'md' => 2
  ]),

DateTimePicker::make('event_date_start')
  ->reactive()
  ->label($this->startLabel)
  ->required()
  ->minDate(now())
  ->withoutSeconds()
  ->displayFormat('M j, Y - h:i A')
  ->helperText('Date and start time for the 1 day event')
  ->columnSpan([
      'sm' => 4,
      'md' => 2
  ]),

I'm not concerned about the displayFormat, but how the user selects the time at the bottom of the datepicker element. With the time, just the user interface selectors at the bottom of the datepicker modal. (i.e. I want to be able to select "12:00 PM" instead of "24:00")

2 Replies

gldtn•6mo ago

Did you figure this out?

Jap•5mo ago

Anyone got a solution for this ?

Gaming

Programming

DateTimePicker 12 hour clock format