coject 1.2.23 → 1.2.25
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/cjs/Components/DatePicker/index.d.ts +3 -1
- package/dist/cjs/Components/DatePicker/index.js +12 -12
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- package/dist/cjs/Components/DatePicker/theme.d.ts +1 -1
- package/dist/cjs/Components/DatePicker/theme.js +17 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -1
- package/dist/esm/Components/DatePicker/index.d.ts +3 -1
- package/dist/esm/Components/DatePicker/index.js +13 -13
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- package/dist/esm/Components/DatePicker/theme.d.ts +1 -1
- package/dist/esm/Components/DatePicker/theme.js +17 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,10 +2,11 @@ import { FC } from "react";
|
|
|
2
2
|
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
3
|
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
4
|
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
style?: any;
|
|
5
6
|
name?: string;
|
|
6
7
|
value?: string;
|
|
7
|
-
views?: string;
|
|
8
8
|
onChange?: any;
|
|
9
|
+
error?: boolean;
|
|
9
10
|
hijri?: boolean;
|
|
10
11
|
format?: string;
|
|
11
12
|
minDate?: string;
|
|
@@ -15,6 +16,7 @@ type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
|
15
16
|
withTime?: boolean;
|
|
16
17
|
textView?: boolean;
|
|
17
18
|
fullWidth?: boolean;
|
|
19
|
+
helperText?: string;
|
|
18
20
|
};
|
|
19
21
|
export declare const DatePicker: FC<iDatePicker>;
|
|
20
22
|
export {};
|
|
@@ -42,11 +42,10 @@ const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
|
42
42
|
const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
|
|
43
43
|
// Styles
|
|
44
44
|
const theme_1 = __importDefault(require("./theme"));
|
|
45
|
-
const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate,
|
|
45
|
+
const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
46
46
|
const { classes } = (0, theme_1.default)();
|
|
47
47
|
const DateComponent = withTime ? DateTimePicker_1.DateTimePicker : DatePicker_1.DatePicker;
|
|
48
|
-
const
|
|
49
|
-
const { register, setValue } = (0, react_hook_form_1.useFormContext)() || {};
|
|
48
|
+
const { setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
50
49
|
const [selectedDate, setSelectedDate] = (0, react_1.useState)(hijri ? (0, moment_hijri_1.default)(new Date()) : (0, moment_1.default)(new Date()));
|
|
51
50
|
// Calendar
|
|
52
51
|
const Calendar = hijri
|
|
@@ -54,25 +53,26 @@ const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate,
|
|
|
54
53
|
: { minDate: (0, moment_1.default)(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: (0, moment_1.default)(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
55
54
|
// Default Value
|
|
56
55
|
(0, react_1.useEffect)(() => {
|
|
57
|
-
|
|
58
|
-
}, [
|
|
56
|
+
control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
57
|
+
}, [control, setValue, name, selectedDate, outFormat]);
|
|
59
58
|
// Normal Value
|
|
60
59
|
(0, react_1.useEffect)(() => {
|
|
61
60
|
if (value) {
|
|
62
61
|
const ValueFormat = hijri ? (0, moment_hijri_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY") : (0, moment_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
63
62
|
setSelectedDate(ValueFormat);
|
|
64
|
-
|
|
63
|
+
control && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
65
64
|
}
|
|
66
|
-
}, [value, setValue,
|
|
65
|
+
}, [value, setValue, control, name, hijri, inFormat, outFormat]);
|
|
67
66
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
68
|
-
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
67
|
+
react_1.default.createElement(material_1.Box, { className: `${classes.root} ${error ? classes.errorRoot : ""}` },
|
|
69
68
|
react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, textView
|
|
70
|
-
? react_1.default.createElement(material_1.Typography,
|
|
71
|
-
: react_1.default.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...
|
|
69
|
+
? react_1.default.createElement(material_1.Typography, { ...style, ...props }, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
70
|
+
: react_1.default.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...props, format: format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
|
|
72
71
|
setSelectedDate(newValue);
|
|
73
72
|
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
74
|
-
|
|
75
|
-
} }))
|
|
73
|
+
control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
74
|
+
} })),
|
|
75
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
76
76
|
};
|
|
77
77
|
exports.DatePicker = DatePicker;
|
|
78
78
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,kBAAkB;AAClB,qDAAiD;AAEjD,SAAS;AACT,oDAA4B;AAC5B,gEAAuC;AAEvC,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root" | "errorRoot", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -21,6 +21,9 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
21
21
|
top: "2px"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
+
"& button": {
|
|
25
|
+
backgroundColor: "transparent !important"
|
|
26
|
+
},
|
|
24
27
|
"& legend": {
|
|
25
28
|
fontSize: "10px"
|
|
26
29
|
},
|
|
@@ -32,6 +35,20 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
32
35
|
cursor: "pointer"
|
|
33
36
|
}
|
|
34
37
|
}
|
|
38
|
+
},
|
|
39
|
+
errorRoot: {
|
|
40
|
+
"& p, & input, & label, & button": {
|
|
41
|
+
color: theme.palette.error.main + "!important"
|
|
42
|
+
},
|
|
43
|
+
"& fieldset": {
|
|
44
|
+
borderColor: theme.palette.error.main + "!important"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
error: {
|
|
48
|
+
fontSize: "11px",
|
|
49
|
+
lineHeight: "16px",
|
|
50
|
+
textTransform: "capitalize",
|
|
51
|
+
color: theme.palette.error.main
|
|
35
52
|
}
|
|
36
53
|
};
|
|
37
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,eAAe,EAAE,wBAAwB;aAC5C;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,SAAS,EAAE;YACP,iCAAiC,EAAE;gBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACjD;YACD,YAAY,EAAE;gBACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACvD;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -2,10 +2,11 @@ import { FC } from "react";
|
|
|
2
2
|
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
3
|
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
4
|
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
style?: any;
|
|
5
6
|
name?: string;
|
|
6
7
|
value?: string;
|
|
7
|
-
views?: string;
|
|
8
8
|
onChange?: any;
|
|
9
|
+
error?: boolean;
|
|
9
10
|
hijri?: boolean;
|
|
10
11
|
format?: string;
|
|
11
12
|
minDate?: string;
|
|
@@ -15,6 +16,7 @@ type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
|
15
16
|
withTime?: boolean;
|
|
16
17
|
textView?: boolean;
|
|
17
18
|
fullWidth?: boolean;
|
|
19
|
+
helperText?: string;
|
|
18
20
|
};
|
|
19
21
|
export declare const DatePicker: FC<iDatePicker>;
|
|
20
22
|
export {};
|
|
@@ -5,7 +5,7 @@ import { useFormContext } from "react-hook-form";
|
|
|
5
5
|
import Moment from "moment";
|
|
6
6
|
import MomentHijri from "moment-hijri";
|
|
7
7
|
// Material UI
|
|
8
|
-
import { Box, Typography } from "@mui/material";
|
|
8
|
+
import { Box, Typography, FormHelperText } from "@mui/material";
|
|
9
9
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
10
10
|
import { AdapterMomentHijri } from "@mui/x-date-pickers/AdapterMomentHijri";
|
|
11
11
|
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
@@ -13,11 +13,10 @@ import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
|
13
13
|
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
14
14
|
// Styles
|
|
15
15
|
import useStyles from "./theme";
|
|
16
|
-
export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate,
|
|
16
|
+
export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
17
17
|
const { classes } = useStyles();
|
|
18
18
|
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
19
|
-
const
|
|
20
|
-
const { register, setValue } = useFormContext() || {};
|
|
19
|
+
const { setValue, control } = useFormContext() || {};
|
|
21
20
|
const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
22
21
|
// Calendar
|
|
23
22
|
const Calendar = hijri
|
|
@@ -25,24 +24,25 @@ export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, mi
|
|
|
25
24
|
: { minDate: Moment(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: Moment(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
26
25
|
// Default Value
|
|
27
26
|
useEffect(() => {
|
|
28
|
-
|
|
29
|
-
}, [
|
|
27
|
+
control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
28
|
+
}, [control, setValue, name, selectedDate, outFormat]);
|
|
30
29
|
// Normal Value
|
|
31
30
|
useEffect(() => {
|
|
32
31
|
if (value) {
|
|
33
32
|
const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : "DD-MM-YYYY") : Moment(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
34
33
|
setSelectedDate(ValueFormat);
|
|
35
|
-
|
|
34
|
+
control && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
36
35
|
}
|
|
37
|
-
}, [value, setValue,
|
|
36
|
+
}, [value, setValue, control, name, hijri, inFormat, outFormat]);
|
|
38
37
|
return (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement(Box, { className: classes.root },
|
|
38
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.errorRoot : ""}` },
|
|
40
39
|
React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, textView
|
|
41
|
-
? React.createElement(Typography,
|
|
42
|
-
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...
|
|
40
|
+
? React.createElement(Typography, { ...style, ...props }, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
41
|
+
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...props, format: format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
|
|
43
42
|
setSelectedDate(newValue);
|
|
44
43
|
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
|
-
|
|
46
|
-
} }))
|
|
44
|
+
control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
|
+
} })),
|
|
46
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
47
47
|
};
|
|
48
48
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,SAAS;AACT,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,SAAS;AACT,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAuB,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAmB,MAAM,gCAAgC,CAAC;AAE9F,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAqBhC,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9L,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,aAAa,GAAQ,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACrD,MAAM,CAAE,YAAY,EAAE,eAAe,CAAE,GAAG,QAAQ,CAAM,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IAE9G,WAAW;IACX,MAAM,QAAQ,GAAG,KAAK;QAClB,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE;QAC5L,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC;IAEvL,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACtG,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvD,eAAe;IACf,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACvI,eAAe,CAAC,WAAW,CAAC,CAAC;YAC7B,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QACrG,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjE,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,oBAAC,oBAAoB,IAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,IACvE,QAAQ;gBACN,CAAC,CAAC,oBAAC,UAAU,OAAK,KAAK,KAAM,KAAK,IAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAc;gBACrM,CAAC,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,KAAM,KAAK,KAAM,QAAQ,KAAM,KAAK,EAC1K,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EACrI,QAAQ,EAAE,CAAC,QAAa,EAAE,EAAE;wBACxB,eAAe,CAAC,QAAQ,CAAC,CAAC;wBAC1B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;wBAC5E,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;oBAClG,CAAC,GACD,CAEW;YACrB,UAAU,IAAI,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root" | "errorRoot", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -19,6 +19,9 @@ const useStyles = makeStyles()((theme) => {
|
|
|
19
19
|
top: "2px"
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
+
"& button": {
|
|
23
|
+
backgroundColor: "transparent !important"
|
|
24
|
+
},
|
|
22
25
|
"& legend": {
|
|
23
26
|
fontSize: "10px"
|
|
24
27
|
},
|
|
@@ -30,6 +33,20 @@ const useStyles = makeStyles()((theme) => {
|
|
|
30
33
|
cursor: "pointer"
|
|
31
34
|
}
|
|
32
35
|
}
|
|
36
|
+
},
|
|
37
|
+
errorRoot: {
|
|
38
|
+
"& p, & input, & label, & button": {
|
|
39
|
+
color: theme.palette.error.main + "!important"
|
|
40
|
+
},
|
|
41
|
+
"& fieldset": {
|
|
42
|
+
borderColor: theme.palette.error.main + "!important"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
error: {
|
|
46
|
+
fontSize: "11px",
|
|
47
|
+
lineHeight: "16px",
|
|
48
|
+
textTransform: "capitalize",
|
|
49
|
+
color: theme.palette.error.main
|
|
33
50
|
}
|
|
34
51
|
};
|
|
35
52
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,eAAe,EAAE,wBAAwB;aAC5C;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,SAAS,EAAE;YACP,iCAAiC,EAAE;gBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACjD;YACD,YAAY,EAAE;gBACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACvD;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|