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

Address nitpicks

Browse Source
This commit is contained in:
Benoit TELLIER
2025-12-15 14:44:34 +01:00
parent 627e9bf44b
commit 2494a558a6
4 changed files with 22 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Attendees/PeopleSearch.tsx
-1
View File
@@ -205,7 +205,6 @@ export function PeopleSearch({
slotProps: {
input: {
...inputProps,
autoComplete: "off",
},
},
};
src/components/Event/components/DateTimeFields.tsx
+16 -52
View File
@@ -23,6 +23,18 @@ import { EditableTimeField } from "./EditableTimeField";
dayjs.extend(customParseFormat);
const timePickerPopperSx = {
"& .MuiPaper-root": {
width: "110px",
minWidth: "110px",
},
"& .MuiMultiSectionDigitalClockSection-item": {
justifyContent: "flex-start",
width: "100%",
textAlign: "left",
},
};
/**
* Props for DateTimeFields component
*/
@@ -353,19 +365,7 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
}}
slotProps={{
openPickerButton: { sx: { display: "none" } },
popper: {
sx: {
"& .MuiPaper-root": {
width: "110px",
minWidth: "110px",
},
"& .MuiMultiSectionDigitalClockSection-item": {
justifyContent: "flex-start",
width: "100%",
textAlign: "left",
},
},
},
popper: { sx: timePickerPopperSx },
field: getTimeFieldSlotProps(
"start-time-input",
false,
@@ -411,19 +411,7 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
}}
slotProps={{
openPickerButton: { sx: { display: "none" } },
popper: {
sx: {
"& .MuiPaper-root": {
width: "110px",
minWidth: "110px",
},
"& .MuiMultiSectionDigitalClockSection-item": {
justifyContent: "flex-start",
width: "100%",
textAlign: "left",
},
},
},
popper: { sx: timePickerPopperSx },
field: getTimeFieldSlotProps(
"end-time-input",
!!validation.errors.dateTime,
@@ -510,19 +498,7 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
}}
slotProps={{
openPickerButton: { sx: { display: "none" } },
popper: {
sx: {
"& .MuiPaper-root": {
width: "110px",
minWidth: "110px",
},
"& .MuiMultiSectionDigitalClockSection-item": {
justifyContent: "flex-start",
width: "100%",
textAlign: "left",
},
},
},
popper: { sx: timePickerPopperSx },
field: getTimeFieldSlotProps(
"start-time-input",
false,
@@ -556,19 +532,7 @@ export const DateTimeFields: React.FC<DateTimeFieldsProps> = ({
}}
slotProps={{
openPickerButton: { sx: { display: "none" } },
popper: {
sx: {
"& .MuiPaper-root": {
width: "110px",
minWidth: "110px",
},
"& .MuiMultiSectionDigitalClockSection-item": {
justifyContent: "flex-start",
width: "100%",
textAlign: "left",
},
},
},
popper: { sx: timePickerPopperSx },
field: getTimeFieldSlotProps(
"end-time-input",
!!validation.errors.dateTime,
src/components/Event/components/EditableTimeField.tsx
+1 -6
View File
@@ -46,11 +46,6 @@ function EditableTimePickerField(props: GenericPickerFieldProps) {
const parsedFormat = useParsedFormat();
const inputRef = useRef<HTMLInputElement>(null);
// Get onChange from internalProps to call directly when value changes
const onChange = internalProps.onChange as
| ((value: Dayjs | null) => void)
| undefined;
const getFormattedValue = useCallback(() => {
if (pickerContext.value == null) return "";
if (!pickerContext.value.isValid()) return "";
@@ -151,7 +146,7 @@ function EditableTimePickerField(props: GenericPickerFieldProps) {
setInputValue(getFormattedValue());
}
},
[pickerContext, getFormattedValue, onChange]
[pickerContext, pickerActions, getFormattedValue]
);
// Commit pending input value when picker closes (after parseAndUpdateTime is defined)
src/components/Event/utils/dateTimeHelpers.ts
+5 -2
View File
@@ -14,6 +14,9 @@ export const DATETIME_FORMAT_WITHOUT_SECONDS = "YYYY-MM-DDTHH:mm";
export const TIME_PARSE_FORMATS = ["HH:mm", "H:mm", "HHmm", "Hmm", "HH", "H"];
// Strict parsing mode - input must exactly match the provided format(s)
const STRICT_PARSING = true;
/**
* Detect datetime format based on string length
* @param datetime - Datetime string to analyze
@@ -77,7 +80,7 @@ export function convertFormDateTimeToISO(
/** Convert date + time strings → Dayjs */
export const toDateTime = (date: string, time: string): Dayjs => {
const d = dayjs(date, "YYYY-MM-DD", true);
const d = dayjs(date, "YYYY-MM-DD", STRICT_PARSING);
if (!time) return d.startOf("day");
const [h, m] = time.split(":").map(Number);
return d.hour(h).minute(m).second(0).millisecond(0);
@@ -108,7 +111,7 @@ export function parseTimeInput(
trimmed = trimmed.padStart(4, "0");
}
const parsed = dayjs(trimmed, TIME_PARSE_FORMATS, true);
const parsed = dayjs(trimmed, TIME_PARSE_FORMATS, STRICT_PARSING);
if (parsed.isValid()) {
const baseDate = currentDate || dayjs();
return baseDate