ビュー
フォーム
DatePicker

DatePicker

DatePickerコンポーネントは、日付を入力するためのコンポーネントです。

基本的な使い方

import { Card, Form, Flexbox, DatePicker, Button } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Form onSubmit={() => {}}>
        <Flexbox direction="col">
          <DatePicker name="date" label="日付" />
          <Button type="submit" title="送信" color="blue" />
        </Flexbox>
      </Form>
    </Card>
  );
};
export default App;
使用例

詳細なインターフェース

名前説明必須・任意デフォルト値
nameフィールドの名前を指定します。必須なし
labelラベルを指定します。任意なし
defaultValueデフォルトの日付値を指定します。任意なし
format日付のフォーマットを指定します。任意'YYYY-MM-DD'
required入力が必須かどうかを指定します。trueの場合、入力が必須になります。任意false
max日時の最大値を指定します。形式は"2006-01-02"のような文字列です。任意なし
min日時の最小値を指定します。形式は"2006-01-02"のような文字列です。任意なし