---
title: WKPickerTimeItem 时间级联选择

group:
  title: 表单
  path: /form/WKForm/
---

## 何时使用

表单区时间级联选择。

## 基本使用

```tsx
/**
 * title: 基本使用
 * desc: 基本使用方法
 */
import React from 'react';
import { WKForm, WKPickerTimeItem, WKView } from '@wakeapp/components';
import PageWrapper from '../PageWrapper';

export default () => {
  return (
    <PageWrapper title="基本使用">
      <WKView style={{ width: '100%' }}>
        <WKForm className="w-screen">
          <WKPickerTimeItem label="午休时间" placeholder="午休时间" path={'rest'} formItemStyle={{ width: '99vw' }} />
        </WKForm>
      </WKView>
    </PageWrapper>
  );
};
```

# API

<API src='@wakeapp/components/WKForm/index.d.ts' hideTitle exports='["WKPickerTimeItem"]' ></API>
