Skip to content

Time Picker

The Time Picker provides an input for selecting time values.

Basic Usage

import { Timepicker } from "@paramanu/forms-react"

export default function App() {
  return <Timepicker />
}

<div class="pm-timepicker pm-timepicker--outline pm-timepicker--md">
  <input type="text" class="pm-timepicker__input" placeholder="Select time..." />
</div>

Props

Prop	Type	Default	Description
`variant`	`"outline" \| "filled" \| "unstyled"`	`"outline"`	Visual variant
`size`	`"xs" \| "sm" \| "md" \| "lg"`	`"md"`	Size
`disabled`	`boolean`	`false`	Disabled state
`invalid`	`boolean`	`false`	Invalid state
`open`	`boolean`	`false`	Open state