ammar/cally
1
0
Fork 0
mirror of https://github.com/urosran/cally.git synced 2025-11-26 16:34:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

- Added validation to not allow end time to be before start time on add and edit event

Browse Source
This commit is contained in:
Dejan
2024-10-28 21:01:12 +01:00
parent c234a6260a
commit 7771f397b6
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/pages/calendar/ManuallyAddEventModal.tsx
View File

@ -317,8 +317,15 @@ export const ManuallyAddEventModal = () => {
</View> </View>
<DateTimePicker <DateTimePicker
value={startTime} value={startTime}
onChange={(date) => setStartTime(date)} onChange={(time) => {
maximumDate={endTime} if (time <= endTime) {
setStartTime(time)
} else {
const currentTime = new Date();
currentTime.setSeconds(0, 0);
setStartTime(currentTime);
}
}}
minuteInterval={5} minuteInterval={5}
dateTimeFormatter={(date, mode) => dateTimeFormatter={(date, mode) =>
date.toLocaleTimeString("en-us", { date.toLocaleTimeString("en-us", {
@ -355,7 +362,15 @@ export const ManuallyAddEventModal = () => {
</View> </View>
<DateTimePicker <DateTimePicker
value={endTime} value={endTime}
onChange={(date) => setEndTime(date)} onChange={(time) => {
if (time >= endTime) {
setEndTime(time);
} else {
const currentTime = new Date();
currentTime.setSeconds(0, 0);
setEndTime(currentTime);
}
}}
minimumDate={startTime} minimumDate={startTime}
minuteInterval={5} minuteInterval={5}
dateTimeFormatter={(date, mode) => dateTimeFormatter={(date, mode) =>