ingred-ui 23.22.0 → 23.24.0

package/dist/components/Calendar/Calendar/Calendar.d.ts

@@ -1,6 +1,7 @@
 import { Dayjs } from "dayjs";
 import React from "react";
-import { Action } from "../internal/Actions";
+import { PresetButton } from "../internal/Actions";
+import { TimeFieldProps } from "../../TimeField/TimeField";
 export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * 日付
@@ -22,17 +23,27 @@ export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     weekStart?: number;
     /**
-     * デフォルトで選択されているアクション
+     * デフォルトで選択されているプリセットボタン
      */
-    defaultClickAction?: string;
+    defaultPresetButton?: string;
     /**
-     * カレンダーの左に表示するアクション
+     * カレンダーの左に表示するプリセットボタン
      */
-    actions?: Action[];
+    presetButtons?: PresetButton[];
     /**
-     * アクションをクリックしたときの挙動
+     * プリセットボタンをクリックしたときの挙動
      */
-    onClickAction?: (action: Action) => void;
+    onPresetButtonClick?: (action: PresetButton) => void;
+    /**
+     * カレンダー内にDateFieldを表示する
+     * @default false
+     */
+    showDateFields?: boolean;
+    /**
+     * DateFieldに表示する日付のフォーマット
+     * @default "YYYY-MM-DD"
+     */
+    dateFieldFormat?: string;
     /**
      * 選択可能なカレンダーの領域を制限する
      * true が返る場合は、選択不可となる
@@ -43,6 +54,15 @@ export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
      * 日付が変更されたときに呼ばれる関数
      */
     onDateChange: (value: Dayjs) => void;
+    /**
+     * カレンダー内にTimeFieldを表示する
+     * @default false
+     */
+    showTimeFields?: boolean;
+    /**
+     * TimeFieldのprops
+     */
+    timeFieldProps?: Partial<TimeFieldProps>;
 };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -65,17 +85,27 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      */
     weekStart?: number | undefined;
     /**
-     * デフォルトで選択されているアクション
+     * デフォルトで選択されているプリセットボタン
      */
-    defaultClickAction?: string | undefined;
+    defaultPresetButton?: string | undefined;
     /**
-     * カレンダーの左に表示するアクション
+     * カレンダーの左に表示するプリセットボタン
      */
-    actions?: Action[] | undefined;
+    presetButtons?: PresetButton[] | undefined;
     /**
-     * アクションをクリックしたときの挙動
+     * プリセットボタンをクリックしたときの挙動
      */
-    onClickAction?: ((action: Action) => void) | undefined;
+    onPresetButtonClick?: ((action: PresetButton) => void) | undefined;
+    /**
+     * カレンダー内にDateFieldを表示する
+     * @default false
+     */
+    showDateFields?: boolean | undefined;
+    /**
+     * DateFieldに表示する日付のフォーマット
+     * @default "YYYY-MM-DD"
+     */
+    dateFieldFormat?: string | undefined;
     /**
      * 選択可能なカレンダーの領域を制限する
      * true が返る場合は、選択不可となる
@@ -86,5 +116,14 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      * 日付が変更されたときに呼ばれる関数
      */
     onDateChange: (value: Dayjs) => void;
+    /**
+     * カレンダー内にTimeFieldを表示する
+     * @default false
+     */
+    showTimeFields?: boolean | undefined;
+    /**
+     * TimeFieldのprops
+     */
+    timeFieldProps?: Partial<TimeFieldProps> | undefined;
 } & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/Calendar/Calendar/Calendar.stories.d.ts

@@ -9,14 +9,21 @@ declare const _default: {
         monthFormat?: string | undefined;
         weekList?: string[] | undefined;
         weekStart?: number | undefined;
-        defaultClickAction?: string | undefined;
-        actions?: import("../internal/Actions").Action[] | undefined;
-        onClickAction?: ((action: import("../internal/Actions").Action) => void) | undefined;
+        defaultPresetButton?: string | undefined;
+        presetButtons?: import("../internal/Actions").PresetButton[] | undefined;
+        onPresetButtonClick?: ((action: import("../internal/Actions").PresetButton) => void) | undefined;
+        showDateFields?: boolean | undefined;
+        dateFieldFormat?: string | undefined;
         isOutsideRange?: ((date: dayjs.Dayjs) => boolean) | undefined;
         onDateChange: (value: dayjs.Dayjs) => void;
+        showTimeFields?: boolean | undefined;
+        timeFieldProps?: Partial<import("../..").TimeFieldProps> | undefined;
     } & React.RefAttributes<HTMLDivElement>>>;
 };
 export default _default;
 export declare const Default: StoryObj<CalendarProps>;
-export declare const WithActions: StoryObj<CalendarProps>;
 export declare const IsOutsideRange: StoryObj<CalendarProps>;
+export declare const WithPresetButtons: StoryObj<CalendarProps>;
+export declare const WithDateField: StoryObj<CalendarProps>;
+export declare const WithDateFieldAndPresetButtons: StoryObj<CalendarProps>;
+export declare const WithDateFieldsAndTimeFields: StoryObj<CalendarProps>;

package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,7 +1,8 @@
 import dayjs, { Dayjs } from "dayjs";
 import { DateRange } from "../..";
 import React from "react";
-import { Action } from "../internal/Actions";
+import { PresetButton } from "../internal/Actions";
+import { TimeFieldProps } from "../../TimeField/TimeField";
 export type CalendarRangeProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * 開始日
@@ -28,17 +29,27 @@ export type CalendarRangeProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     weekStart?: number;
     /**
-     * デフォルトで選択されているアクション
+     * デフォルトで選択されているプリセットボタン
      */
-    defaultClickAction?: string;
+    defaultPresetButton?: string;
     /**
-     * カレンダーの左に表示するアクション
+     * 明日などのショートカットボタン
      */
-    actions?: Action[];
+    presetButtons?: PresetButton[];
     /**
-     * アクションをクリックしたときの挙動
+     * プリセットボタンをクリックしたときの挙動
      */
-    onClickAction?: (action: Action) => void;
+    onPresetButtonClick?: (action: PresetButton) => void;
+    /**
+     * カレンダー内にDateFieldを表示する
+     * @default false
+     */
+    showDateFields?: boolean;
+    /**
+     * DateFieldに表示する日付のフォーマット
+     * @default "YYYY-MM-DD"
+     */
+    dateFieldFormat?: string;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */
@@ -52,7 +63,16 @@ export type CalendarRangeProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * 日付が変更されたときに呼ばれる関数
      */
-    onDatesChange: (dates: DateRange) => void;
+    onDatesChange?: (dates: DateRange) => void;
+    /**
+     * カレンダー内にTimeFieldを表示する
+     * @default false
+     */
+    showTimeFields?: boolean;
+    /**
+     * TimeFieldのprops
+     */
+    timeFieldProps?: Partial<TimeFieldProps>;
 };
 /**
  * CalendarRange
@@ -85,17 +105,27 @@ export declare const CalendarRange: React.ForwardRefExoticComponent<React.HTMLAt
      */
     weekStart?: number | undefined;
     /**
-     * デフォルトで選択されているアクション
+     * デフォルトで選択されているプリセットボタン
+     */
+    defaultPresetButton?: string | undefined;
+    /**
+     * 明日などのショートカットボタン
+     */
+    presetButtons?: PresetButton[] | undefined;
+    /**
+     * プリセットボタンをクリックしたときの挙動
      */
-    defaultClickAction?: string | undefined;
+    onPresetButtonClick?: ((action: PresetButton) => void) | undefined;
     /**
-     * カレンダーの左に表示するアクション
+     * カレンダー内にDateFieldを表示する
+     * @default false
      */
-    actions?: Action[] | undefined;
+    showDateFields?: boolean | undefined;
     /**
-     * アクションをクリックしたときの挙動
+     * DateFieldに表示する日付のフォーマット
+     * @default "YYYY-MM-DD"
      */
-    onClickAction?: ((action: Action) => void) | undefined;
+    dateFieldFormat?: string | undefined;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */
@@ -109,7 +139,16 @@ export declare const CalendarRange: React.ForwardRefExoticComponent<React.HTMLAt
     /**
      * 日付が変更されたときに呼ばれる関数
      */
-    onDatesChange: (dates: DateRange) => void;
+    onDatesChange?: ((dates: DateRange) => void) | undefined;
+    /**
+     * カレンダー内にTimeFieldを表示する
+     * @default false
+     */
+    showTimeFields?: boolean | undefined;
+    /**
+     * TimeFieldのprops
+     */
+    timeFieldProps?: Partial<TimeFieldProps> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export type { DateRange };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
@@ -138,17 +177,27 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      */
     weekStart?: number | undefined;
     /**
-     * デフォルトで選択されているアクション
+     * デフォルトで選択されているプリセットボタン
+     */
+    defaultPresetButton?: string | undefined;
+    /**
+     * 明日などのショートカットボタン
      */
-    defaultClickAction?: string | undefined;
+    presetButtons?: PresetButton[] | undefined;
     /**
-     * カレンダーの左に表示するアクション
+     * プリセットボタンをクリックしたときの挙動
      */
-    actions?: Action[] | undefined;
+    onPresetButtonClick?: ((action: PresetButton) => void) | undefined;
     /**
-     * アクションをクリックしたときの挙動
+     * カレンダー内にDateFieldを表示する
+     * @default false
      */
-    onClickAction?: ((action: Action) => void) | undefined;
+    showDateFields?: boolean | undefined;
+    /**
+     * DateFieldに表示する日付のフォーマット
+     * @default "YYYY-MM-DD"
+     */
+    dateFieldFormat?: string | undefined;
     /**
      * 親コンポーネントで calendar を任意のタイミングで閉じたい場合に使用する
      */
@@ -162,6 +211,15 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     /**
      * 日付が変更されたときに呼ばれる関数
      */
-    onDatesChange: (dates: DateRange) => void;
+    onDatesChange?: ((dates: DateRange) => void) | undefined;
+    /**
+     * カレンダー内にTimeFieldを表示する
+     * @default false
+     */
+    showTimeFields?: boolean | undefined;
+    /**
+     * TimeFieldのprops
+     */
+    timeFieldProps?: Partial<TimeFieldProps> | undefined;
 } & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/Calendar/CalendarRange/CalendarRange.stories.d.ts

@@ -10,15 +10,22 @@ declare const _default: {
         monthFormat?: string | undefined;
         weekList?: string[] | undefined;
         weekStart?: number | undefined;
-        defaultClickAction?: string | undefined;
-        actions?: import("../internal/Actions").Action[] | undefined;
-        onClickAction?: ((action: import("../internal/Actions").Action) => void) | undefined;
+        defaultPresetButton?: string | undefined;
+        presetButtons?: import("../internal/Actions").PresetButton[] | undefined;
+        onPresetButtonClick?: ((action: import("../internal/Actions").PresetButton) => void) | undefined;
+        showDateFields?: boolean | undefined;
+        dateFieldFormat?: string | undefined;
         onClose?: ((clickState: any) => void) | undefined;
         isOutsideRange?: ((date: dayjs.Dayjs) => boolean) | undefined;
-        onDatesChange: (dates: import("./CalendarRange").DateRange) => void;
+        onDatesChange?: ((dates: import("./CalendarRange").DateRange) => void) | undefined;
+        showTimeFields?: boolean | undefined;
+        timeFieldProps?: Partial<import("../..").TimeFieldProps> | undefined;
     } & React.RefAttributes<HTMLDivElement>>>;
 };
 export default _default;
 export declare const Default: StoryObj<CalendarRangeProps>;
-export declare const WithActions: StoryObj<CalendarRangeProps>;
 export declare const IsOutsideRange: StoryObj<CalendarRangeProps>;
+export declare const WithPresetButtons: StoryObj<CalendarRangeProps>;
+export declare const WithDateField: StoryObj<CalendarRangeProps>;
+export declare const WithDateFieldAndPresetButtons: StoryObj<CalendarRangeProps>;
+export declare const WithDateFieldsAndTimeFields: StoryObj<CalendarRangeProps>;

package/dist/components/Calendar/internal/Actions/Actions.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
-import { Action } from "./styled";
-export type Action = {
+import { PresetButton } from "./styled";
+export type PresetButton = {
     text: string;
     onClick: () => void;
 };
 export declare const Actions: React.NamedExoticComponent<{
-    defaultClickAction?: string | undefined;
-    actions?: Action[] | undefined;
-    onClickAction?: ((action: Action) => void) | undefined;
+    defaultPresetButton?: string | undefined;
+    presetButtons?: PresetButton[] | undefined;
+    onPresetButtonClick?: ((action: PresetButton) => void) | undefined;
+    dateFields?: React.ReactNode;
 }>;

package/dist/components/Calendar/internal/Actions/index.d.ts

@@ -1,2 +1,2 @@
 export { Actions } from "./Actions";
-export type { Action } from "./Actions";
+export type { PresetButton } from "./Actions";

package/dist/components/Calendar/internal/Actions/styled.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
-export declare const Action: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const PresetButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     clicked: boolean;
 }, never>;
-export declare const ActionsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
-    maxHeight?: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
-    minHeight?: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
-    children: import("react").ComponentElement<HTMLElement, any>;
-} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const ActionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PresetButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DateFieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DateFieldsGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DateFieldLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ContextMenu2/ContextMenu2.d.ts

@@ -30,6 +30,10 @@ type ContextMenu2Props = {
      * コンテキストメニューの最小幅
      */
     minWidth?: number;
+    /**
+     * コンテキストメニューの最大高さ（省略時は80vh）
+     */
+    maxHeight?: string | number;
     /**
      * メニュー内の項目。ContextMenu2*** のコンポーネントのみで構成する前提
      */

package/dist/components/ContextMenu2/ContextMenu2.stories.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
         }, "button">;
         width?: number | undefined;
         minWidth?: number | undefined;
+        maxHeight?: string | number | undefined;
         children: React.ReactNode;
         onOpenChange?: ((open: boolean) => void) | undefined;
         stickyHeader?: React.ReactNode;

package/dist/components/DateField/DateField/DateField.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { Dayjs } from "dayjs";
+import { InputSize, InputVariant } from "../types";
 export type DateFieldProps = {
     /**
      * 日付
@@ -11,8 +12,17 @@ export type DateFieldProps = {
      * @default YYYY-MM-DD
      */
     format?: string;
+    /**
+     * エラー状態
+     * Inputを警告色にするのみでエラーテキストは付随しない。
+     * errorTextを別途実装する場合などに利用する。
+     * @default false
+     */
+    error?: boolean;
     /**
      * エラーメッセージのテキスト
+     * Inputを警告色にし、エラーテキストも表示する。
+     * 簡単にエラー状態を表現したい場合はこちらがおすすめ。
      */
     errorText?: string;
     /**
@@ -21,13 +31,31 @@ export type DateFieldProps = {
      */
     disabled?: boolean;
     /**
-     * 日付が変更されたときに呼ばれる関数
+     * コンポーネントのサイズ
+     * @default "medium"
      */
-    onDateChange?: (date: Dayjs) => void;
+    size?: InputSize;
+    /**
+     * コンポーネントのバリアント
+     * @default "light"
+     */
+    variant?: InputVariant;
     /**
-     * カレンダーアイコンをクリックした時に呼ばれる関数
+     * 入力フィールドの幅
      */
-    onClick: () => void;
+    width?: string | number;
+    /**
+     * 後方アイコン（右側）
+     */
+    append?: React.ReactNode;
+    /**
+     * 後方アイコンクリック時のハンドラ
+     */
+    onAppendClick?: () => void;
+    /**
+     * 日付が変更されたときに呼ばれる関数
+     */
+    onDateChange?: (date: Dayjs) => void;
 };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateFieldProps & React.RefAttributes<HTMLInputElement>>>;
 export default _default;

package/dist/components/DateField/DateField/DateField.stories.d.ts

@@ -11,3 +11,6 @@ export declare const Custom: StoryObj<DateFieldProps>;
 export declare const Japanese: StoryObj<DateFieldProps>;
 export declare const Error: StoryObj<DateFieldProps>;
 export declare const Disable: StoryObj<DateFieldProps>;
+export declare const Small: StoryObj<DateFieldProps>;
+export declare const Large: StoryObj<DateFieldProps>;
+export declare const Dark: StoryObj<DateFieldProps>;

package/dist/components/DateField/DateRangeField/DateRangeField.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { DateRange } from "../..";
+import { InputSize, InputVariant } from "../types";
 export type DateRangeFieldProps = {
     /**
      * 日付
@@ -11,8 +12,17 @@ export type DateRangeFieldProps = {
      * @default YYYY-MM-DD
      */
     format?: string;
+    /**
+     * エラー状態
+     * Inputを警告色にするのみでエラーテキストは付随しない。
+     * errorTextを別途実装する場合などに利用する。
+     * @default false
+     */
+    error?: boolean;
     /**
      * エラーメッセージのテキスト
+     * Inputを警告色にし、エラーテキストも表示する。
+     * 簡単にエラー状態を表現したい場合はこちらがおすすめ。
      */
     errorText?: string;
     /**
@@ -21,9 +31,31 @@ export type DateRangeFieldProps = {
      */
     disabled?: boolean;
     /**
-     * カレンダーアイコンをクリックした時に呼ばれる関数
+     * コンポーネントのサイズ
+     * @default "medium"
+     */
+    size?: InputSize;
+    /**
+     * コンポーネントのバリアント
+     * @default "light"
+     */
+    variant?: InputVariant;
+    /**
+     * 開始日フィールドの幅
+     */
+    startWidth?: string | number;
+    /**
+     * 終了日フィールドの幅
+     */
+    endWidth?: string | number;
+    /**
+     * 後方アイコン（右側）
+     */
+    append?: React.ReactNode;
+    /**
+     * 後方アイコンクリック時のハンドラ
      */
-    onClickCalendarIcon?: () => void;
+    onAppendClick?: () => void;
     /**
      * 日付が変更されたときに呼ばれる関数
      */

package/dist/components/DateField/DateRangeField/DateRangeField.stories.d.ts

@@ -11,3 +11,7 @@ export declare const Custom: StoryObj<DateRangeFieldProps>;
 export declare const Japanese: StoryObj<DateRangeFieldProps>;
 export declare const Error: StoryObj<DateRangeFieldProps>;
 export declare const Disable: StoryObj<DateRangeFieldProps>;
+export declare const Small: StoryObj<DateRangeFieldProps>;
+export declare const Large: StoryObj<DateRangeFieldProps>;
+export declare const Dark: StoryObj<DateRangeFieldProps>;
+export declare const WithTimeFormat: StoryObj<DateRangeFieldProps>;

package/dist/components/DateField/DateRangeField/styled.d.ts

@@ -1,5 +1,8 @@
+import { InputSize, InputVariant } from "../../Input/types";
 export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     disabled: boolean;
     error?: boolean | undefined;
+    $size: InputSize;
+    $variant: InputVariant;
 }, never>;
-export declare const CalendarIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Separator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/DateField/constants.d.ts

@@ -17,6 +17,9 @@ export declare const AllowedKeys: {
     readonly "8": "8";
     readonly "9": "9";
 };
+export declare const numpadCodes: string[];
 export declare const numberKeys: string[];
-export declare const allowedKeys: ("0" | "1" | "4" | "2" | "3" | "5" | "6" | "8" | "ArrowDown" | "ArrowUp" | "7" | "Backspace" | "Delete" | "ArrowLeft" | "ArrowRight" | "Tab" | "9")[];
+export declare const allowedKeys: ("0" | "1" | "4" | "2" | "3" | "5" | "ArrowDown" | "ArrowUp" | "Backspace" | "Delete" | "ArrowLeft" | "ArrowRight" | "Tab" | "6" | "7" | "8" | "9")[];
+export declare const isNumpadKey: (code: string) => boolean;
+export declare const getNumpadNumber: (code: string) => string | null;
 export type AllowedKeys = (typeof AllowedKeys)[keyof typeof AllowedKeys];

package/dist/components/DateField/types.d.ts

@@ -1,4 +1,5 @@
 import { DateFieldProps } from "./DateField/DateField";
+import { InputSize, InputVariant } from "../Input/types";
 export type UseDateFieldProps = Omit<DateFieldProps, "onClick">;
 export type Sections = {
     start: number;
@@ -7,3 +8,4 @@ export type Sections = {
     editable: boolean;
     type?: "year" | "month" | "day";
 };
+export type { InputSize, InputVariant };

package/dist/components/DateField/utils.d.ts

@@ -23,4 +23,37 @@ export declare const getSections: (formattedDate?: string | null) => Sections[];
  * 開始位置と終了位置と値を持つセクションをフォーマットされた日付に変換する
  */
 export declare const formatString: (sectionsWithCharacter: Sections[]) => string;
+/**
+ * セクションの種類を判定する
+ *
+ * セクションとは、日付フォーマットを編集可能な部分に分割した単位のことです。
+ * 例: "2023-01-02" -> [
+ *   { value: "2023", editable: true },  // 年セクション
+ *   { value: "-", editable: false },    // 区切り文字
+ *   { value: "01", editable: true },    // 月セクション
+ *   { value: "-", editable: false },    // 区切り文字
+ *   { value: "02", editable: true }     // 日セクション
+ * ]
+ *
+ * @param sectionLength セクションの値の長さ
+ * @param format 日付フォーマット
+ * @param sectionIndex セクションのインデックス
+ * @returns "year" | "month" | "day" | "unknown"
+ */
+export declare const getSectionType: (sectionLength: number, format: string, sectionIndex: number) => "year" | "month" | "day" | "unknown";
+/**
+ * 入力が確定すべきかを判定
+ *
+ * セクションの種類に応じて、1桁目の入力で確定すべきかを判定します。
+ * - 年: 4桁入力完了で確定
+ * - 月: 1桁目が2-9なら即確定、0-1なら2桁目待ち
+ * - 日: 1桁目が4-9なら即確定、0-3なら2桁目待ち
+ *
+ * @param inputNumber 入力された数字
+ * @param keyDownCount 現在の入力カウント
+ * @param sectionType セクションの種類（年・月・日）
+ * @param sectionLength セクションの値の長さ
+ * @returns true: 確定して次のセクションへ移動, false: まだ入力を受け付ける
+ */
+export declare const shouldMoveToNextSection: (inputNumber: string, keyDownCount: number, sectionType: "year" | "month" | "day" | "unknown", sectionLength: number) => boolean;
 export {};