Filament•4mo ago

How can I add steps to the DateTime UI

minutesStep only works if you use the keyboard arrows to adjust the time. In V2 minutesStep controlled both the input and the UI.

Solution:

In v3 it uses the default browser date time field, so to force the non native input field you have to explicitly tell it that.

Jump to solution

6 Replies

adamOP•4mo ago

awcodes•4mo ago

Can you share the code for your field?

adamOP•4mo ago

Sure

TimePicker::make('from')
    ->seconds(false)
    ->minutesStep(config('global.minutes_step'))
    ->displayFormat(config('global.time_format'))
    ->required()
    ->reactive(),

TimePicker::make('from')
    ->seconds(false)
    ->minutesStep(config('global.minutes_step'))
    ->displayFormat(config('global.time_format'))
    ->required()
    ->reactive(),

In V2 I had used this 22 times and in all cases the UI is not stepped, validation asks me to change the input, but the keyboard input does step the time.

awcodes•4mo ago

Hmm, only thing I can think of is that between v2 and v3 the picker switch from native default false to true. So you might need to add ->native(false) to the field.

Solution

awcodes•4mo ago

In v3 it uses the default browser date time field, so to force the non native input field you have to explicitly tell it that.

adamOP•4mo ago

Ah, that was it! @awcodes Thanks other Adam 🙂

Gaming

Programming

How can I add steps to the DateTime UI