DateTimePicker

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

基本的な使い方

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

詳細なインターフェース

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

DatePicker Checkbox