ビュー
フォーム
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'