eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update TimePicker to single column with 30-minute steps

Browse Source
This commit is contained in:
Lê Nhân Phụng
2025-12-05 14:58:19 +07:00
committed by Benoit TELLIER
parent c885d18fb5
commit e4d3722992
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Event/components/DateTimeFields.tsx
+8
View File
@@ -321,6 +321,8 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
onChange={handleStartTimeChange}
open={isStartTimeOpen}
onClose={() => setIsStartTimeOpen(false)}
thresholdToRenderTimeInASingleColumn={48}
timeSteps={{ minutes: 30 }}
slotProps={{
...getSlotProps("start-time-input"),
openPickerButton: { sx: { display: "none" } },
@@ -368,6 +370,8 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
onChange={handleEndTimeChange}
open={isEndTimeOpen}
onClose={() => setIsEndTimeOpen(false)}
thresholdToRenderTimeInASingleColumn={48}
timeSteps={{ minutes: 30 }}
slotProps={{
...getSlotProps(
"end-time-input",
@@ -452,6 +456,8 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
disabled={allday}
open={isStartTimeOpen}
onClose={() => setIsStartTimeOpen(false)}
thresholdToRenderTimeInASingleColumn={48}
timeSteps={{ minutes: 30 }}
slotProps={{
...getSlotProps("start-time-input"),
openPickerButton: { sx: { display: "none" } },
@@ -476,6 +482,8 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
disabled={allday}
open={isEndTimeOpen}
onClose={() => setIsEndTimeOpen(false)}
thresholdToRenderTimeInASingleColumn={48}
timeSteps={{ minutes: 30 }}
slotProps={{
textField: {
size: "small",