WireUI
WireUI
Time Picker

The Time Picker component is able to change time in datetime, or change only time.

Attention

If you are using a model property bind (wire:model.live="appointment.datetime") as datetime, you must set model as .defer because datetime cannot have empty time, and automatically set 00:00 to time
AM/PM Time Picker 
1<x-time-picker
2    label="AM/PM"
3    placeholder="12:00 AM"
4    wire:model.defer="timePicker"
5/>
24H Time Picker 
1<x-time-picker
2    label="24 Hours"
3    placeholder="22:30"
4    format="24"
5    wire:model.defer="timePicker"
6/>
Custom Interval 
1<x-time-picker
2    label="AM/PM"
3    placeholder="12:00 AM"
4    interval="30"
5    wire:model.defer="timePicker"
6/>
Time Picker Options

Options

Prop Required Default Type Available
interval false 10 string|number --
format false 12 string 12|24