import { Canvas, Controls, Meta } from '@storybook/blocks'
import { ResourceLinks, KAIOInstallation } from '~storybook/components'
import * as TimeFieldStories from './TimeField.stories'

<Meta of={TimeFieldStories} />

# TimeField

<ResourceLinks
  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/TimeField"
  figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?type=design&node-id=9%3A37847&mode=design&t=tmk2yNQC5xRRlaQF-1"
  designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3078095243/Time+Field"

/>

<KAIOInstallation exportNames="TimeField" />

## Overview

Time selection form field.

<Canvas of={TimeFieldStories.Playground} />
<Controls of={TimeFieldStories.Playground} />

## API

Coming soon.