Time Picker

Live Editor

function TimePickerDemo() {
  return (
    <ThemeProvider>
      <TimePicker
        open
        label="Escalation time"
        value="13:30"
        format="24h"
        step={30}
        clearable
        allowInput
        onChange={(detail) => console.log(detail.value)}
      />
    </ThemeProvider>
  );
}

Result

Loading...

Key Props

value, defaultValue, open, defaultOpen, format, step, seconds, stepSeconds, min, max, disabled, readOnly, required, name, clearable, allowInput, mode, label, hint, error, locale, translations, variant, onInput, onChange, onValueChange, onOpen, onClose, onInvalid