# 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

Last Updated: 7/1/2020, 8:01:55 AM