# Timepicker (fw-timepicker)
fw-timepicker displays a list or drop-down box with prepopulated time values and enables picking a time. The time values displayed in the list box are based on the fw-timepicker attribute values.
# Usage
Show Code
# Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
disabled | disabled | Set true to disable the element | boolean | false |
format | format | Format in which time values are populated in the list box. If the value is hh:mm p, the time values are in the 12-hour format. If the value is hh:mm, the time values are in the 24-hr format. | "HH:mm" or "hh:mm A" | 'hh:mm A' |
interval | interval | Time interval between the values displayed in the list, specified in minutes. | number | 30 |
maxTime | max-time | Upper time-limit for the values displayed in the list. If this attribute’s value is in the hh:mm format, it is assumed to be hh:mm AM. | string | this.isMeridianFormat ? '11:30 PM' : '23:30' |
minTime | min-time | Lower time-limit for the values displayed in the list. If this attribute’s value is in the hh:mm format, it is assumed to be hh:mm AM. | string | this.isMeridianFormat ? '12:00 AM' : '00:00' |
value | value | Time output value | string | undefined |
# Dependencies
# Depends on
# Graph
graph TD;
fw-timepicker --> fw-select
fw-timepicker --> fw-select-option
fw-select --> fw-tag
fw-select --> fw-select-option
style fw-timepicker fill:#f9f,stroke:#333,stroke-width:4px
Built with ❤ at Freshworks