@uniai-fe/uds-primitives 0.12.0 → 0.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles.css +100 -96
- package/package.json +3 -3
- package/src/components/input/index.tsx +1 -1
- package/src/components/input/markup/time/Template.tsx +28 -22
- package/src/components/input/markup/time/Trigger.tsx +14 -59
- package/src/components/input/markup/time/index.tsx +7 -0
- package/src/components/input/styles/foundation.scss +7 -13
- package/src/components/input/styles/time.scss +61 -34
- package/src/components/input/styles/variables.scss +19 -30
- package/src/components/input/types/time.ts +204 -2
- package/src/components/select/styles/select.scss +12 -12
- package/src/components/select/styles/variables.scss +1 -12
- package/src/components/time-picker/markup/Footer.tsx +1 -19
- package/src/components/time-picker/markup/HourSection.tsx +1 -28
- package/src/components/time-picker/markup/MinuteSection.tsx +1 -19
- package/src/components/time-picker/markup/Summary.tsx +1 -6
- package/src/components/time-picker/types/time-picker.ts +99 -0
- package/src/components/input/img/clock.svg +0 -4
|
@@ -92,3 +92,102 @@ export interface TimePickerTemplateProps {
|
|
|
92
92
|
*/
|
|
93
93
|
onApply: () => void;
|
|
94
94
|
}
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* TimePicker Summary props.
|
|
98
|
+
* @property {string} summary 선택한 시간 표시값
|
|
99
|
+
*/
|
|
100
|
+
export interface TimePickerSummaryProps {
|
|
101
|
+
/**
|
|
102
|
+
* 선택한 시간 표시값.
|
|
103
|
+
*/
|
|
104
|
+
summary: string;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* TimePicker Hour Section props.
|
|
109
|
+
* @property {"12h" | "24h"} format 표시 형식
|
|
110
|
+
* @property {number | null} selectedHour 선택한 표시 시
|
|
111
|
+
* @property {"am" | "pm"} period 오전·오후 구분
|
|
112
|
+
* @property {boolean} disabled 비활성화 여부
|
|
113
|
+
* @property {(hours: number) => void} onHourSelect 시 선택 핸들러
|
|
114
|
+
* @property {(period: "am" | "pm") => void} onPeriodChange 오전·오후 변경 핸들러
|
|
115
|
+
*/
|
|
116
|
+
export interface TimePickerHourSectionProps {
|
|
117
|
+
/**
|
|
118
|
+
* "12h" | "24h".
|
|
119
|
+
*/
|
|
120
|
+
format: TimePickerFormat;
|
|
121
|
+
/**
|
|
122
|
+
* 선택한 표시 시.
|
|
123
|
+
*/
|
|
124
|
+
selectedHour: number | null;
|
|
125
|
+
/**
|
|
126
|
+
* "am" | "pm".
|
|
127
|
+
*/
|
|
128
|
+
period: TimePickerPeriod;
|
|
129
|
+
/**
|
|
130
|
+
* 비활성화 여부.
|
|
131
|
+
*/
|
|
132
|
+
disabled: boolean;
|
|
133
|
+
/**
|
|
134
|
+
* 시 선택 핸들러.
|
|
135
|
+
*/
|
|
136
|
+
onHourSelect: (hours: number) => void;
|
|
137
|
+
/**
|
|
138
|
+
* 오전·오후 변경 핸들러.
|
|
139
|
+
*/
|
|
140
|
+
onPeriodChange: (period: TimePickerPeriod) => void;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* TimePicker Minute Section props.
|
|
145
|
+
* @property {number | null} selectedMinute 선택한 분
|
|
146
|
+
* @property {boolean} disabled 비활성화 여부
|
|
147
|
+
* @property {(amount: 1 | -1) => void} onMinuteStep 1분 증감 핸들러
|
|
148
|
+
* @property {(minutes: number) => void} onMinuteSelect 분 선택 핸들러
|
|
149
|
+
*/
|
|
150
|
+
export interface TimePickerMinuteSectionProps {
|
|
151
|
+
/**
|
|
152
|
+
* 선택한 분.
|
|
153
|
+
*/
|
|
154
|
+
selectedMinute: number | null;
|
|
155
|
+
/**
|
|
156
|
+
* 비활성화 여부.
|
|
157
|
+
*/
|
|
158
|
+
disabled: boolean;
|
|
159
|
+
/**
|
|
160
|
+
* 1분 증감 핸들러.
|
|
161
|
+
*/
|
|
162
|
+
onMinuteStep: (amount: 1 | -1) => void;
|
|
163
|
+
/**
|
|
164
|
+
* 분 선택 핸들러.
|
|
165
|
+
*/
|
|
166
|
+
onMinuteSelect: (minutes: number) => void;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
* TimePicker Footer props.
|
|
171
|
+
* @property {boolean} clearable 삭제 action 노출 여부
|
|
172
|
+
* @property {boolean} disabled 비활성화 여부
|
|
173
|
+
* @property {() => void} onClear 삭제 핸들러
|
|
174
|
+
* @property {() => void} onApply 적용 핸들러
|
|
175
|
+
*/
|
|
176
|
+
export interface TimePickerFooterProps {
|
|
177
|
+
/**
|
|
178
|
+
* 삭제 action 노출 여부.
|
|
179
|
+
*/
|
|
180
|
+
clearable: boolean;
|
|
181
|
+
/**
|
|
182
|
+
* 비활성화 여부.
|
|
183
|
+
*/
|
|
184
|
+
disabled: boolean;
|
|
185
|
+
/**
|
|
186
|
+
* 삭제 핸들러.
|
|
187
|
+
*/
|
|
188
|
+
onClear: () => void;
|
|
189
|
+
/**
|
|
190
|
+
* 적용 핸들러.
|
|
191
|
+
*/
|
|
192
|
+
onApply: () => void;
|
|
193
|
+
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="1.6"/>
|
|
3
|
-
<path d="M12 7.5V12L15.25 14.25" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
-
</svg>
|