@congritta-ui/timepicker NPM

@congritta-ui/timepicker

This is timepicker React component and part of Congritta UI

How to install

Install @congritta-ui/base if you didn't it yet. (More info at: http://ui.congritta.com/docs/base);
Install @congritta-ui/timepicker;

Add

import TimePicker from '@congritta-ui/timepicker';

into your code

How to use

Example:

export default MyComponentWidthTimePicker() {
  const [value, setValue] = useState([12, 15]); // [hours, minutes]

  return (
    <TimePicker value={value} onUpdate={setValue} />
  )
}

Props

Prop name	Description	Is Required	Default value
value	Active value (`[hours, minutes]`)	true
onUpdate	Function that executes when user clicks on a hour or a minute	true
transitionDuration	Duration in milliseconds to reveal or close calendar	false	`210`
gapBetweenInputWrapperAndPicker	Gap between input wrapper and picker (in pixels)	false	`10`
minutesStep	Step in minutes list	false	`1`
timePickerClassName	Class name for TimePicker component wrapper for adding additional styles	false
inputWrapperClassName	Class name for input wrapper for adding additional styles	false
pickerClassName	Class name for picker wrapper for adding additional styles	false
valuesListName	Class name for time values list for adding additional styles	false
valuesListValueName	Class name for time values list item for adding additional styles	false

ui styles css framework frontend congritta component timepicker

@types/react @types/react-dom react react-dom

@everything-registry/sub-chunk-195

0.0.2

11 months ago

0.0.1

11 months ago