wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : update validation and color

Browse Source
This commit is contained in:
lukman
2024-08-27 13:34:12 +08:00
parent 787e58b7eb
commit a1f4df02af
44 changed files with 503 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/module/calender/ui/navbar_create_division_calender.tsx
View File

@@ -108,7 +108,10 @@ export default function NavbarCreateDivisionCalender() {
placeholder="Nama Acara"
label="Nama Acara"
value={isData.title}
onChange={(event) => setData({ ...isData, title: event.target.value })}
onChange={(event) => {
setData({ ...isData, title: event.target.value })
setTouched({ ...touched, title: false })
}}
onBlur={() => setTouched({ ...touched, title: true })}
error={
touched.title && (
@@ -129,6 +132,7 @@ export default function NavbarCreateDivisionCalender() {
onChange={(val) => {
setValue(val);
setData({ ...isData, dateStart: moment(val).format("YYYY-MM-DD") });
setTouched({ ...touched, dateStart: false });
}}
placeholder="Input Tanggal"
label="Tanggal"
@@ -215,8 +219,10 @@ export default function NavbarCreateDivisionCalender() {
{ value: '5', label: 'Tahunan' },
]}
value={isData.repeatEventTyper}
onChange={(val: any) =>
onChange={(val: any) => {
setData({ ...isData, repeatEventTyper: val })
setTouched({ ...touched, repeatEventTyper: false })
}
}
onBlur={() => setTouched({ ...touched, repeatEventTyper: true })}
error={

15
src/module/calender/ui/update_division_calender.tsx
View File

@@ -104,11 +104,16 @@ export default function UpdateDivisionCalender() {
...isDataCalender,
title: event.target.value
})
setTouched({ ...touched, title: false })
}
}
onBlur={() => setTouched({ ...touched, title: true })}
required
error={touched.title && !isDataCalender?.title ? "Nama Acara Tidak Boleh Kosong" : null}
error={
touched.title && (
isDataCalender?.title == "" ? "Nama Acara Tidak Boleh Kosong" : null
)
}
/>
<DateInput
styles={{
@@ -128,13 +133,18 @@ export default function UpdateDivisionCalender() {
...isDataCalender,
dateStart: moment(val).format("YYYY-MM-DD")
})
setTouched({ ...touched, dateStart: false })
}
}
placeholder="Input Tanggal"
label="Tanggal"
minDate={new Date()}
onBlur={() => setTouched({ ...touched, dateStart: true })}
error={touched.dateStart && !isDataCalender?.dateStart ? "Tanggal Tidak Boleh Kosong" : null}
error={
touched.dateStart && (
isDataCalender?.dateStart == "" ? "Tanggal Tidak Boleh Kosong" : null
)
}
required
/>
<SimpleGrid
@@ -238,6 +248,7 @@ export default function UpdateDivisionCalender() {
...isDataCalender,
repeatEventTyper: val
})
setTouched({ ...touched, repeatEventTyper: false })
}
}
onBlur={() => setTouched({ ...touched, repeatEventTyper: true })}