@croquiscom/pds 7.4.0 → 7.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 7.5.0
+
+### Minor Changes
+
+- 3629e1e: DateUnitPicker 추가
+
 ## 7.4.0
 
 ### Minor Changes

package/dist/components/date-picker/DateUnitPicker.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { DatePickerBaseProps } from './DatePicker';
+import { Dates } from './DateRangePicker';
+export interface DateUnitPickerProps extends Omit<DatePickerBaseProps, 'disabled'> {
+    unit: 'day' | 'week' | 'month';
+    /**
+     * [Dates Type](https://github.com/gpbl/react-day-picker/blob/master/packages/react-day-picker/src/types/Matchers.ts#L73)
+     */
+    dates?: Dates;
+    minDate?: Date;
+    maxDate?: Date;
+    onChange?: (start: Dates['from'], end: Dates['to']) => void;
+    /**
+     * 선택 완료시 자동으로 캘린더 선택 창을 닫습니다.
+     *   - displayMode 'bottomSheet'인 경우 적용이 불가합니다.
+     *   - displayMode 'popover'인 경우 하단의 footer 영역의 취소/확인 버튼은 노출되지 않습니다.
+     * @default true
+     */
+    autoCloseable?: boolean;
+    disabled?: boolean | [boolean, boolean];
+    /**
+     * 주의 시작요일을 지정합니다 기본값은 1(월요일)입니다.
+     * @default 1
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const DateUnitPicker: ({ width, error, unit, dates, disabled, className, size, maxDate, minDate, showRemoveButton, autoCloseable, opened: openProp, displayMode, weekStartsOn, onOpen, onClose, onChange, }: DateUnitPickerProps) => JSX.Element;

package/dist/components/date-picker/DateUnitPicker.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DateUnitPicker } from './DateUnitPicker';
+declare const _default: ComponentMeta<({ width, error, unit, dates, disabled, className, size, maxDate, minDate, showRemoveButton, autoCloseable, opened: openProp, displayMode, weekStartsOn, onOpen, onClose, onChange, }: import("./DateUnitPicker").DateUnitPickerProps) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const Disabled: ComponentStory<typeof DateUnitPicker>;
+export declare const Error: any;
+export declare const Size: ComponentStory<typeof DateUnitPicker>;
+export declare const ShowRemoveButton: any;
+export declare const MinDate: any;
+export declare const MaxDate: any;
+export declare const BottomSheetPicker: any;

package/dist/components/date-picker/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DatePicker';
 export * from './DateRangePicker';
+export * from './DateUnitPicker';
 export * from './constants';