import Example from "../../components/example";
import Layout from "../../components/layout";
import Exports from "../../components/exports";

import Timepicker from "examples/timepicker/timepicker.tsx";
import TimepickerMinMax from "examples/timepicker/timepicker-minmax.tsx";
import * as TimepickerExports from "baseui/timepicker";

import Yard from "../../components/yard/index";
import timepickerConfig from "../../components/yard/config/timepicker";

export default Layout;

# Time Picker

<Yard placeholderHeight={48} {...timepickerConfig} />

## Examples

<Example title="Timepicker" path="timepicker/timepicker.tsx">
  <Timepicker />
</Example>

<Example
  title="Timepicker Min/Max Times"
  path="timepicker/timepicker-minmax.tsx"
>
  <TimepickerMinMax />
</Example>

<Exports
  component={TimepickerExports}
  title="Timepicker exports"
  path="baseui/timepicker"
/>