@datability/8ui 0.1.33 → 0.1.35

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.
Files changed (26) hide show
  1. package/dist/components/Input/InputBasic/index.js +3 -3
  2. package/dist/components/Input/InputBasic/index.js.map +1 -1
  3. package/dist/components/Input/InputBasic/index.type.d.ts +0 -1
  4. package/dist/components/Input/InputDate/index.d.ts +5 -0
  5. package/dist/components/Input/InputDate/index.js +152 -0
  6. package/dist/components/Input/InputDate/index.js.map +1 -0
  7. package/dist/components/Input/InputDate/index.scss +80 -0
  8. package/dist/components/Input/{InputDateRangePicker → InputDate}/index.type.d.ts +2 -2
  9. package/dist/components/Input/InputDate/index.type.js.map +1 -0
  10. package/dist/components/Input/InputDateTime/index.d.ts +5 -0
  11. package/dist/components/Input/InputDateTime/index.js +222 -0
  12. package/dist/components/Input/InputDateTime/index.js.map +1 -0
  13. package/dist/components/Input/InputDateTime/index.scss +138 -0
  14. package/dist/components/Input/InputDateTime/index.type.d.ts +10 -0
  15. package/dist/components/Input/InputDateTime/index.type.js +2 -0
  16. package/dist/components/Input/InputDateTime/index.type.js.map +1 -0
  17. package/dist/components/index.d.ts +4 -2
  18. package/dist/components/index.js +2 -1
  19. package/dist/components/index.js.map +1 -1
  20. package/package.json +1 -3
  21. package/dist/components/Input/InputDateRangePicker/index.d.ts +0 -6
  22. package/dist/components/Input/InputDateRangePicker/index.js +0 -22
  23. package/dist/components/Input/InputDateRangePicker/index.js.map +0 -1
  24. package/dist/components/Input/InputDateRangePicker/index.scss +0 -31
  25. package/dist/components/Input/InputDateRangePicker/index.type.js.map +0 -1
  26. /package/dist/components/Input/{InputDateRangePicker → InputDate}/index.type.js +0 -0
@@ -6,11 +6,11 @@ import { getIn, useFormikContext } from 'formik';
6
6
  import './index.scss';
7
7
  import InputBase from '../InputBase';
8
8
  var Input = function (_a) {
9
- var name = _a.name, label = _a.label, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.require, require = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, inputRef = _a.inputRef;
10
- var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, handleChange = _f.handleChange;
9
+ var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, inputRef = _a.inputRef;
10
+ var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.handleChange;
11
11
  var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
12
  return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
13
- React.createElement("input", { ref: inputRef, className: "DBui-inputBasic", type: type, placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
13
+ React.createElement("input", { ref: inputRef, className: "DBui-inputBasic", type: "text", placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
14
14
  };
15
15
  export default Input;
16
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,KAAK,GAA8B,UAAC,EASzC;QARC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA;IAEF,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,kBACI,SAAS,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,KAAK,GAA8B,UAAC,EAQzC;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA;IAEF,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,kBACI,SAAS,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -2,7 +2,6 @@
2
2
  export type PropsInputBasic = {
3
3
  name: string;
4
4
  label?: string;
5
- type?: 'date' | 'text' | 'datetime-local';
6
5
  placeholder?: string;
7
6
  disabled?: boolean;
8
7
  require?: boolean;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import './index.scss';
3
+ import type { PropsInputDate } from './index.type';
4
+ declare const InputDate: React.FC<PropsInputDate>;
5
+ export default InputDate;
@@ -0,0 +1,152 @@
1
+ import { __spreadArray } from "tslib";
2
+ // Lib
3
+ import React, { useState } from 'react';
4
+ import { getIn, useFormikContext } from 'formik';
5
+ // Images
6
+ import expandArrowSVG from '../../assets/expandArrow.svg';
7
+ // Include in project
8
+ import './index.scss';
9
+ import InputBase from '../InputBase';
10
+ import Menu from '../../Menu';
11
+ import Modal from '../../Modal';
12
+ // 2025-09-01
13
+ var InputDate = function (_a) {
14
+ var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d;
15
+ var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, setFieldValue = _e.setFieldValue;
16
+ var value = getIn(values, name);
17
+ var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
18
+ var _f = useState(value ? value : getDateNow()), showDay = _f[0], setShowDay = _f[1];
19
+ var _g = useState(false), isOpenModal = _g[0], setIsOpenModal = _g[1];
20
+ var yearOption = generateYearOptions();
21
+ var monthOption = generateMonthOptions();
22
+ function CalendarRow(_a) {
23
+ var year = _a.year, month = _a.month;
24
+ var days = getDaysInMonthWithWeekday(year, month);
25
+ // Mapping JavaScript getDay() → Thai order (เสาร์=0, อาทิตย์=1, ..., ศุกร์=6)
26
+ var mapToThaiWeek = function (dayIndex) { return (dayIndex + 1) % 7; }; // Sunday(0) → 1 ... Saturday(6) → 0
27
+ // ช่องว่างก่อนเริ่มต้นเดือน
28
+ var firstDayThaiIndex = mapToThaiWeek(new Date("".concat(year, "-").concat(month, "-01")).getDay());
29
+ var emptyStartDays = Array(firstDayThaiIndex).fill(null);
30
+ var allDays = __spreadArray(__spreadArray([], emptyStartDays, true), days.map(function (d) { return d.date.split('-')[2]; }), true); // ['01', '02', ...]
31
+ // แบ่งเป็นแถวละ 7 วัน
32
+ var weeks = [];
33
+ for (var i = 0; i < allDays.length; i += 7) {
34
+ weeks.push(allDays.slice(i, i + 7));
35
+ }
36
+ return (React.createElement(React.Fragment, null, weeks.map(function (week, rowIndex) { return (React.createElement("div", { key: rowIndex, className: "DBui-inputDateRowDay" }, week.map(function (day, i) { return (React.createElement("p", { key: i, className: "DBui-inputDateDay", onClick: function () {
37
+ setFieldValue(name, "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day));
38
+ setIsOpenModal(false);
39
+ }, "data-checked": "".concat(getYearInDateString(value), "-").concat(getMonthInDateString(value), "-").concat(getDayInDateString(value)) ===
40
+ "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day) }, day || '')); }))); })));
41
+ }
42
+ return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
43
+ React.createElement("div", { className: "DBui-inputDate", onClick: function () { return (disabled ? null : setIsOpenModal(true)); } }, value ? value : placeholder),
44
+ React.createElement(Modal, { id: "modalInputDate", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
45
+ React.createElement("div", { className: "DBui-inputDateWrapperCalendar" },
46
+ React.createElement("div", { className: "DBui-inputDateRowMonthYear" },
47
+ React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(90deg)' }, onClick: function () {
48
+ setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) - 1).padStart(2, '0')));
49
+ } }),
50
+ React.createElement(Menu, { trigger: function () { return React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected" }, showDay.slice(0, 4)); } }, yearOption.map(function (data, index) {
51
+ return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () { return setShowDay(updateYearInDateString(showDay, data.value)); }, "data-checked": getYearInDateString(showDay) === data.value }, data.label));
52
+ })),
53
+ React.createElement(Menu, { trigger: function () {
54
+ var _a;
55
+ return (React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected" }, (_a = monthOption.find(function (e) { return e.value === showDay.slice(5, 7); })) === null || _a === void 0 ? void 0 : _a.label));
56
+ } }, monthOption.map(function (data, index) {
57
+ return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () { return setShowDay(updateMonthInDateString(showDay, data.value)); }, "data-checked": getMonthInDateString(showDay) === data.value }, data.label));
58
+ })),
59
+ React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(-90deg)' }, onClick: function () {
60
+ setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) + 1).padStart(2, '0')));
61
+ } })),
62
+ React.createElement("div", null,
63
+ React.createElement("div", { className: "DBui-inputDateRowHeaderDay" },
64
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Sun"),
65
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Mon"),
66
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Tue"),
67
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Wed"),
68
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Thu"),
69
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Fri"),
70
+ React.createElement("p", { className: "DBui-inputDateHeader" }, "Sat")),
71
+ React.createElement(CalendarRow, { year: getYearInDateString(showDay), month: getMonthInDateString(showDay) }))))));
72
+ };
73
+ export default InputDate;
74
+ function generateYearOptions() {
75
+ var currentYear = new Date().getFullYear();
76
+ var startYear = currentYear - 100;
77
+ var years = [];
78
+ for (var year = currentYear; year >= startYear; year--) {
79
+ years.push({ label: year.toString(), value: year });
80
+ }
81
+ return years;
82
+ }
83
+ function generateMonthOptions() {
84
+ var monthNames = [
85
+ 'January',
86
+ 'February',
87
+ 'March',
88
+ 'April',
89
+ 'May',
90
+ 'June',
91
+ 'July',
92
+ 'August',
93
+ 'September',
94
+ 'October',
95
+ 'November',
96
+ 'December',
97
+ ];
98
+ return monthNames.map(function (name, index) { return ({
99
+ label: name,
100
+ value: String(index + 1).padStart(2, '0')
101
+ }); });
102
+ }
103
+ function updateYearInDateString(dateStr, newYear) {
104
+ var newDateStr = dateStr ? dateStr : new Date().toISOString().split('T')[0];
105
+ var _a = newDateStr.split('-'), _ = _a[0], month = _a[1], day = _a[2];
106
+ return "".concat(newYear, "-").concat(month, "-").concat(day);
107
+ }
108
+ function updateMonthInDateString(dateStr, newMonth) {
109
+ var newDateStr = dateStr || new Date().toISOString().split('T')[0];
110
+ var _a = newDateStr.split('-'), yearStr = _a[0], _ = _a[1], dayStr = _a[2];
111
+ var year = parseInt(yearStr, 10);
112
+ var month = parseInt(newMonth, 10);
113
+ // Handle overflow/underflow
114
+ year += Math.floor((month - 1) / 12);
115
+ month = ((((month - 1) % 12) + 12) % 12) + 1; // Wrap to 1–12
116
+ var monthStr = String(month).padStart(2, '0');
117
+ return "".concat(year, "-").concat(monthStr, "-").concat(dayStr);
118
+ }
119
+ function getYearInDateString(dateStr) {
120
+ var _a = dateStr.split('-'), year = _a[0], _month = _a[1], _day = _a[2];
121
+ return Number(year);
122
+ }
123
+ function getMonthInDateString(dateStr) {
124
+ var _a = dateStr.split('-'), _year = _a[0], month = _a[1], _day = _a[2];
125
+ return month;
126
+ }
127
+ function getDayInDateString(dateStr) {
128
+ var _a = dateStr.split('-'), _year = _a[0], _month = _a[1], day = _a[2];
129
+ return day;
130
+ }
131
+ function getDaysInMonthWithWeekday(year, month) {
132
+ var days = [];
133
+ var monthIndex = parseInt(month, 10) - 1; // JavaScript months are 0-based
134
+ var date = new Date(year, monthIndex, 1);
135
+ var weekdayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
136
+ while (date.getMonth() === monthIndex) {
137
+ var day = String(date.getDate()).padStart(2, '0');
138
+ var weekday = weekdayNames[date.getDay()];
139
+ var formattedDate = "".concat(year, "-").concat(month, "-").concat(day);
140
+ days.push({ date: formattedDate, weekday: weekday });
141
+ date.setDate(date.getDate() + 1);
142
+ }
143
+ return days;
144
+ }
145
+ function getDateNow() {
146
+ var dateNow = new Date();
147
+ var year = dateNow.getFullYear();
148
+ var month = "".concat(dateNow.getMonth()).padStart(2, '0');
149
+ var date = "".concat(dateNow.getDate()).padStart(2, '0');
150
+ return "".concat(year, "-").concat(month, "-").concat(date);
151
+ }
152
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.tsx"],"names":[],"mappings":";AAAA,MAAM;AACN,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AACT,OAAO,cAAc,MAAM,8BAA8B,CAAA;AAEzD,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,aAAa;AACb,IAAM,SAAS,GAA6B,UAAC,EAO5C;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEX,IAAA,KAA6C,gBAAgB,EAAE,EAA7D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IACrE,IAAM,KAAK,GAAW,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IACzC,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhE,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAA;IAC9D,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAM,UAAU,GAAG,mBAAmB,EAAE,CAAA;IACxC,IAAM,WAAW,GAAG,oBAAoB,EAAE,CAAA;IAE1C,SAAS,WAAW,CAAC,EAAgD;YAA9C,IAAI,UAAA,EAAE,KAAK,WAAA;QAChC,IAAM,IAAI,GAAG,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAEnD,8EAA8E;QAC9E,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAAlB,CAAkB,CAAA,CAAC,oCAAoC;QAEnG,4BAA4B;QAC5B,IAAM,iBAAiB,GAAG,aAAa,CAAC,IAAI,IAAI,CAAC,UAAG,IAAI,cAAI,KAAK,QAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAA;QACjF,IAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAE1D,IAAM,OAAO,mCAAO,cAAc,SAAK,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC,OAAC,CAAA,CAAC,oBAAoB;QAElG,sBAAsB;QACtB,IAAM,KAAK,GAAG,EAAE,CAAA;QAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YAC1C,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;SACpC;QAED,OAAO,CACL,0CACG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,QAAQ,IAAK,OAAA,CAC7B,6BAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,sBAAsB,IACjD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CACpB,2BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE;gBACP,aAAa,CAAC,IAAI,EAAE,UAAG,mBAAmB,CAAC,OAAO,CAAC,cAAI,oBAAoB,CAAC,OAAO,CAAC,cAAI,GAAG,CAAE,CAAC,CAAA;gBAC9F,cAAc,CAAC,KAAK,CAAC,CAAA;YACvB,CAAC,kBAEC,UAAG,mBAAmB,CAAC,KAAK,CAAC,cAAI,oBAAoB,CAAC,KAAK,CAAC,cAAI,kBAAkB,CAAC,KAAK,CAAC,CAAE;gBAC3F,UAAG,mBAAmB,CAAC,OAAO,CAAC,cAAI,oBAAoB,CAAC,OAAO,CAAC,cAAI,GAAG,CAAE,IAG1E,GAAG,IAAI,EAAE,CACR,CACL,EAfqB,CAerB,CAAC,CACE,CACP,EAnB8B,CAmB9B,CAAC,CACD,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAxC,CAAwC,IACpF,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CACxB;QACN,oBAAC,KAAK,IAAC,EAAE,EAAC,gBAAgB,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB;YAChF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,6BAAK,SAAS,EAAC,4BAA4B;oBACzC,6BACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EACrC,OAAO,EAAE;4BACP,UAAU,CACR,uBAAuB,CACrB,OAAO,EACP,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAW,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACrE,CACF,CAAA;wBACH,CAAC,GACD;oBACF,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAM,OAAA,4BAAI,SAAS,EAAC,oCAAoC,IAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAM,EAA7E,CAA6E,IAC/F,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;wBAC1B,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAvD,CAAuD,kBACxD,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,IAExD,IAAI,CAAC,KAAK,CACT,CACL,CAAA;oBACH,CAAC,CAAC,CACG;oBACP,oBAAC,IAAI,IACH,OAAO,EAAE;;4BAAM,OAAA,CACb,4BAAI,SAAS,EAAC,oCAAoC,IAC/C,MAAA,WAAW,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,CAAC,0CAAE,KAAK,CAC7D,CACN,CAAA;yBAAA,IAEA,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;wBAC3B,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,uBAAuB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxD,CAAwD,kBACzD,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,IAEzD,IAAI,CAAC,KAAK,CACT,CACL,CAAA;oBACH,CAAC,CAAC,CACG;oBACP,6BACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,OAAO,EAAE;4BACP,UAAU,CACR,uBAAuB,CACrB,OAAO,EACP,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAW,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACrE,CACF,CAAA;wBACH,CAAC,GACD,CACE;gBACN;oBACE,6BAAK,SAAS,EAAC,4BAA4B;wBACzC,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;wBAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ,CACvC;oBAEN,oBAAC,WAAW,IAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAI,CACrF,CACF,CACA,CACE,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA;AAExB,SAAS,mBAAmB;IAC1B,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAC5C,IAAM,SAAS,GAAG,WAAW,GAAG,GAAG,CAAA;IACnC,IAAM,KAAK,GAAG,EAAE,CAAA;IAEhB,KAAK,IAAI,IAAI,GAAG,WAAW,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,EAAE,EAAE;QACtD,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;KACpD;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,oBAAoB;IAC3B,IAAM,UAAU,GAAG;QACjB,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACX,CAAA;IAED,OAAO,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAAC;QACtC,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;KAC1C,CAAC,EAHqC,CAGrC,CAAC,CAAA;AACL,CAAC;AAED,SAAS,sBAAsB,CAAC,OAAe,EAAE,OAAe;IAC9D,IAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACvE,IAAA,KAAkB,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAAtC,CAAC,QAAA,EAAE,KAAK,QAAA,EAAE,GAAG,QAAyB,CAAA;IAE7C,OAAO,UAAG,OAAO,cAAI,KAAK,cAAI,GAAG,CAAE,CAAA;AACrC,CAAC;AAED,SAAS,uBAAuB,CAAC,OAAe,EAAE,QAAgB;IAChE,IAAM,UAAU,GAAG,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9D,IAAA,KAAuB,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAA3C,OAAO,QAAA,EAAE,CAAC,QAAA,EAAE,MAAM,QAAyB,CAAA;IAElD,IAAI,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAChC,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAElC,4BAA4B;IAC5B,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IACpC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA,CAAC,eAAe;IAE5D,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC/C,OAAO,UAAG,IAAI,cAAI,QAAQ,cAAI,MAAM,CAAE,CAAA;AACxC,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAe;IACpC,IAAA,KAAuB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAxC,IAAI,QAAA,EAAE,MAAM,QAAA,EAAE,IAAI,QAAsB,CAAA;IAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;AACrB,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IACrC,IAAA,KAAuB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAxC,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAAsB,CAAA;IAC/C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAe;IACnC,IAAA,KAAuB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAxC,KAAK,QAAA,EAAE,MAAM,QAAA,EAAE,GAAG,QAAsB,CAAA;IAC/C,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,SAAS,yBAAyB,CAAC,IAAY,EAAE,KAAa;IAC5D,IAAM,IAAI,GAAwC,EAAE,CAAA;IACpD,IAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,CAAA,CAAC,gCAAgC;IAE3E,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;IAC1C,IAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;IAEnG,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,UAAU,EAAE;QACrC,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QACnD,IAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;QAC3C,IAAM,aAAa,GAAG,UAAG,IAAI,cAAI,KAAK,cAAI,GAAG,CAAE,CAAA;QAE/C,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;QAC3C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;KACjC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,UAAU;IACjB,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAA;IAE1B,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;IAClC,IAAM,KAAK,GAAG,UAAG,OAAO,CAAC,QAAQ,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACtD,IAAM,IAAI,GAAG,UAAG,OAAO,CAAC,OAAO,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACpD,OAAO,UAAG,IAAI,cAAI,KAAK,cAAI,IAAI,CAAE,CAAA;AACnC,CAAC"}
@@ -0,0 +1,80 @@
1
+ @import '../extend.scss';
2
+
3
+ .DBui-inputDate {
4
+ @extend .DBui-input;
5
+ height: 35px;
6
+ display: flex;
7
+ align-items: center;
8
+ }
9
+
10
+ .DBui-inputDateWrapperCalendar {
11
+ display: flex;
12
+ flex-direction: column;
13
+ gap: 0.3em;
14
+ padding: 2em 0;
15
+ justify-content: center;
16
+ align-items: center;
17
+
18
+ .DBui-inputDateRowMonthYear,
19
+ .DBui-inputDateRowHeaderDay,
20
+ .DBui-inputDateRowDay {
21
+ display: flex;
22
+ flex-direction: row;
23
+ gap: 0.8em;
24
+ }
25
+
26
+ .DBui-inputDateRowMonthYear {
27
+ gap: 0.5em;
28
+ margin-left: 0.5em;
29
+ align-items: center;
30
+ }
31
+
32
+ .DBui-inputDateRowHeaderDay,
33
+ .DBui-inputDateRowDay {
34
+ cursor: pointer;
35
+
36
+ .DBui-inputDateHeader,
37
+ .DBui-inputDateDay {
38
+ width: 30px;
39
+ height: 30px;
40
+ text-align: center;
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: center;
44
+ }
45
+
46
+ .DBui-inputDateDay {
47
+
48
+ &:hover {
49
+ background-color: #03287E;
50
+ border-radius: 100%;
51
+ color: #FFFFFF;
52
+ }
53
+
54
+ &[data-checked='true'] {
55
+ background-color: #03287E;
56
+ color: #FFFFFF;
57
+ border-radius: 100%;
58
+ }
59
+ }
60
+ }
61
+ }
62
+
63
+ .DBui-inputDateRowMonthYearSelected {
64
+ cursor: pointer;
65
+ }
66
+
67
+ .DBui-inputDateRowMonthYearOption {
68
+ cursor: pointer;
69
+ padding: 0.5em 1em;
70
+
71
+ &:hover {
72
+ background-color: #03287E;
73
+ color: #FFFFFF;
74
+ }
75
+
76
+ &[data-checked='true'] {
77
+ background-color: #03287E;
78
+ color: #FFFFFF;
79
+ }
80
+ }
@@ -1,8 +1,8 @@
1
- export type PropsInputDateRangePicker = {
1
+ export type PropsInputDate = {
2
2
  name: string;
3
3
  label?: string;
4
+ placeholder?: string;
4
5
  disabled?: boolean;
5
6
  require?: boolean;
6
7
  fullWidth?: boolean;
7
- placeholder?: string;
8
8
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.type.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import './index.scss';
3
+ import type { PropsInputDateTime } from './index.type';
4
+ declare const InputDateTime: React.FC<PropsInputDateTime>;
5
+ export default InputDateTime;
@@ -0,0 +1,222 @@
1
+ import { __spreadArray } from "tslib";
2
+ // Lib
3
+ import React, { useEffect, useRef, useState } from 'react';
4
+ import { getIn, useFormikContext } from 'formik';
5
+ // Images
6
+ import expandArrowSVG from '../../assets/expandArrow.svg';
7
+ // Include in project
8
+ import './index.scss';
9
+ import InputBase from '../InputBase';
10
+ import Menu from '../../Menu';
11
+ import Modal from '../../Modal';
12
+ import Button from '../../Button';
13
+ // 2025-09-01
14
+ var InputDateTime = function (_a) {
15
+ var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, classButtonSave = _a.classButtonSave, classButtonCancle = _a.classButtonCancle;
16
+ var hourWrapperRef = useRef(null);
17
+ var minWrapperRef = useRef(null);
18
+ var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, setFieldValue = _e.setFieldValue;
19
+ var realValue = getIn(values, name);
20
+ var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
21
+ var _f = useState(realValue ? realValue : getDateNow()), showDay = _f[0], setShowDay = _f[1];
22
+ var _g = useState(realValue ? realValue : getDateNow()), selectedDay = _g[0], setSelectedDay = _g[1];
23
+ var _h = useState(realValue ? realValue : getTimeNow()), selectedTime = _h[0], setSelectedTime = _h[1];
24
+ var _j = useState(false), isOpenModal = _j[0], setIsOpenModal = _j[1];
25
+ var yearOption = generateYearOptions();
26
+ var monthOption = generateMonthOptions();
27
+ var hourOption = generateHourOptions();
28
+ var minOption = generateMinuteOptions();
29
+ useEffect(function () {
30
+ function scrollToChecked(wrapper) {
31
+ if (!wrapper)
32
+ return;
33
+ var checkedEl = wrapper.querySelector('[data-checked="true"]');
34
+ if (checkedEl) {
35
+ checkedEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
36
+ }
37
+ }
38
+ scrollToChecked(hourWrapperRef.current);
39
+ scrollToChecked(minWrapperRef.current);
40
+ }, [selectedTime]);
41
+ function CalendarRow(_a) {
42
+ var year = _a.year, month = _a.month;
43
+ var days = getDaysInMonthWithWeekday(year, month);
44
+ // Mapping JavaScript getDay() → Thai order (เสาร์=0, อาทิตย์=1, ..., ศุกร์=6)
45
+ var mapToThaiWeek = function (dayIndex) { return (dayIndex + 1) % 7; }; // Sunday(0) → 1 ... Saturday(6) → 0
46
+ // ช่องว่างก่อนเริ่มต้นเดือน
47
+ var firstDayThaiIndex = mapToThaiWeek(new Date("".concat(year, "-").concat(month, "-01")).getDay());
48
+ var emptyStartDays = Array(firstDayThaiIndex).fill(null);
49
+ var allDays = __spreadArray(__spreadArray([], emptyStartDays, true), days.map(function (d) { return d.date.split('-')[2]; }), true); // ['01', '02', ...]
50
+ // แบ่งเป็นแถวละ 7 วัน
51
+ var weeks = [];
52
+ for (var i = 0; i < allDays.length; i += 7) {
53
+ weeks.push(allDays.slice(i, i + 7));
54
+ }
55
+ return (React.createElement(React.Fragment, null, weeks.map(function (week, rowIndex) { return (React.createElement("div", { key: rowIndex, className: "DBui-inputDateTimeRowDay" }, week.map(function (day, i) { return (React.createElement("p", { key: i, className: "DBui-inputDateTimeDay", onClick: function () {
56
+ setSelectedDay("".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day));
57
+ }, "data-checked": "".concat(getYearInDateString(selectedDay), "-").concat(getMonthInDateString(selectedDay), "-").concat(getDayInDateString(selectedDay)) ===
58
+ "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day) }, day || '')); }))); })));
59
+ }
60
+ var readingValue = function (dateString) {
61
+ var _a = dateString.split('T'), date = _a[0], time = _a[1];
62
+ return "".concat(date, " ").concat(time);
63
+ };
64
+ return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
65
+ React.createElement("div", { className: "DBui-inputDateTime", onClick: function () { return (disabled ? null : setIsOpenModal(true)); } }, realValue ? readingValue(realValue) : placeholder),
66
+ React.createElement(Modal, { id: "modalInputDateTime", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
67
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperCalendar" },
68
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperYearMonthDayTime" },
69
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperYearMonthDay" },
70
+ React.createElement("div", { className: "DBui-inputDateTimeRowMonthYear" },
71
+ React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateTimeRowMonthYearSelected", style: { transform: 'rotate(90deg)' }, onClick: function () {
72
+ setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) - 1).padStart(2, '0')));
73
+ } }),
74
+ React.createElement(Menu, { trigger: function () { return React.createElement("h4", { className: "DBui-inputDateTimeRowMonthYearSelected" }, showDay.slice(0, 4)); } }, yearOption.map(function (data, index) {
75
+ return (React.createElement("p", { key: index, className: "DBui-inputDateTimeRowMonthYearOption", onClick: function () { return setShowDay(updateYearInDateString(showDay, data.value)); }, "data-checked": getYearInDateString(showDay) === data.value }, data.label));
76
+ })),
77
+ React.createElement(Menu, { trigger: function () {
78
+ var _a;
79
+ return (React.createElement("h4", { className: "DBui-inputDateTimeRowMonthYearSelected" }, (_a = monthOption.find(function (e) { return e.value === showDay.slice(5, 7); })) === null || _a === void 0 ? void 0 : _a.label));
80
+ } }, monthOption.map(function (data, index) {
81
+ return (React.createElement("p", { key: index, className: "DBui-inputDateTimeRowMonthYearOption", onClick: function () { return setShowDay(updateMonthInDateString(showDay, data.value)); }, "data-checked": getMonthInDateString(showDay) === data.value }, data.label));
82
+ })),
83
+ React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateTimeRowMonthYearSelected", style: { transform: 'rotate(-90deg)' }, onClick: function () {
84
+ setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) + 1).padStart(2, '0')));
85
+ } })),
86
+ React.createElement("div", null,
87
+ React.createElement("div", { className: "DBui-inputDateTimeRowHeaderDay" },
88
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Sun"),
89
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Mon"),
90
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Tue"),
91
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Wed"),
92
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Thu"),
93
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Fri"),
94
+ React.createElement("p", { className: "DBui-inputDateTimeHeader" }, "Sat")),
95
+ React.createElement(CalendarRow, { year: getYearInDateString(showDay), month: getMonthInDateString(showDay) }))),
96
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperHourMin" },
97
+ React.createElement("p", { style: { textAlign: 'center' } }, "Hr"),
98
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperHourMinOptions", ref: hourWrapperRef }, hourOption.map(function (hour) { return (React.createElement("p", { key: hour.value, "data-checked": getHour(selectedTime) === hour.value, onClick: function () { return setSelectedTime(updateHour(selectedTime, hour.value)); } }, hour.value)); }))),
99
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperHourMin" },
100
+ React.createElement("p", { style: { textAlign: 'center' } }, "Min"),
101
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperHourMinOptions", ref: minWrapperRef }, minOption.map(function (min) { return (React.createElement("p", { key: min.value, "data-checked": getMin(selectedTime) === min.value, onClick: function () { return setSelectedTime(updateMin(selectedTime, min.value)); } }, min.value)); })))),
102
+ React.createElement("div", { className: "DBui-inputDateTimeWrapperButton" },
103
+ React.createElement(Button, { type: "button", onClick: function () {
104
+ setFieldValue(name, "".concat(selectedDay, "T").concat(selectedTime));
105
+ setIsOpenModal(false);
106
+ }, name: "Save", className: classButtonSave }),
107
+ React.createElement(Button, { type: "button", onClick: function () { return setIsOpenModal(false); }, name: "Cancle", className: classButtonCancle }))))));
108
+ };
109
+ export default InputDateTime;
110
+ function generateYearOptions() {
111
+ var currentYear = new Date().getFullYear();
112
+ var startYear = currentYear - 100;
113
+ var years = [];
114
+ for (var year = currentYear; year >= startYear; year--) {
115
+ years.push({ label: year.toString(), value: year });
116
+ }
117
+ return years;
118
+ }
119
+ function generateMonthOptions() {
120
+ var monthNames = [
121
+ 'January',
122
+ 'February',
123
+ 'March',
124
+ 'April',
125
+ 'May',
126
+ 'June',
127
+ 'July',
128
+ 'August',
129
+ 'September',
130
+ 'October',
131
+ 'November',
132
+ 'December',
133
+ ];
134
+ return monthNames.map(function (name, index) { return ({
135
+ label: name,
136
+ value: String(index + 1).padStart(2, '0')
137
+ }); });
138
+ }
139
+ function updateYearInDateString(dateStr, newYear) {
140
+ var newDateStr = dateStr ? dateStr : new Date().toISOString().split('T')[0];
141
+ var _a = newDateStr.split('-'), _ = _a[0], month = _a[1], day = _a[2];
142
+ return "".concat(newYear, "-").concat(month, "-").concat(day);
143
+ }
144
+ function updateMonthInDateString(dateStr, newMonth) {
145
+ var newDateStr = dateStr || new Date().toISOString().split('T')[0];
146
+ var _a = newDateStr.split('-'), yearStr = _a[0], _ = _a[1], dayStr = _a[2];
147
+ var year = parseInt(yearStr, 10);
148
+ var month = parseInt(newMonth, 10);
149
+ // Handle overflow/underflow
150
+ year += Math.floor((month - 1) / 12);
151
+ month = ((((month - 1) % 12) + 12) % 12) + 1; // Wrap to 1–12
152
+ var monthStr = String(month).padStart(2, '0');
153
+ return "".concat(year, "-").concat(monthStr, "-").concat(dayStr);
154
+ }
155
+ function getYearInDateString(dateStr) {
156
+ var _a = dateStr.split('-'), year = _a[0], _month = _a[1], _day = _a[2];
157
+ return Number(year);
158
+ }
159
+ function getMonthInDateString(dateStr) {
160
+ var _a = dateStr.split('-'), _year = _a[0], month = _a[1], _day = _a[2];
161
+ return month;
162
+ }
163
+ function getDayInDateString(dateStr) {
164
+ var _a = dateStr.split('-'), _year = _a[0], _month = _a[1], day = _a[2];
165
+ return day;
166
+ }
167
+ function getDaysInMonthWithWeekday(year, month) {
168
+ var days = [];
169
+ var monthIndex = parseInt(month, 10) - 1; // JavaScript months are 0-based
170
+ var date = new Date(year, monthIndex, 1);
171
+ var weekdayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
172
+ while (date.getMonth() === monthIndex) {
173
+ var day = String(date.getDate()).padStart(2, '0');
174
+ var weekday = weekdayNames[date.getDay()];
175
+ var formattedDate = "".concat(year, "-").concat(month, "-").concat(day);
176
+ days.push({ date: formattedDate, weekday: weekday });
177
+ date.setDate(date.getDate() + 1);
178
+ }
179
+ return days;
180
+ }
181
+ function generateHourOptions() {
182
+ return Array.from({ length: 24 }, function (_, i) {
183
+ var value = String(i).padStart(2, '0');
184
+ return { label: value, value: value };
185
+ });
186
+ }
187
+ function generateMinuteOptions() {
188
+ return Array.from({ length: 60 }, function (_, i) {
189
+ var value = String(i).padStart(2, '0');
190
+ return { label: value, value: value };
191
+ });
192
+ }
193
+ function getHour(timeStr) {
194
+ var _a = timeStr.split(':'), hour = _a[0], _min = _a[1];
195
+ return hour;
196
+ }
197
+ function getMin(timeStr) {
198
+ var _a = timeStr.split(':'), _hour = _a[0], min = _a[1];
199
+ return min;
200
+ }
201
+ function updateHour(timeStr, newHour) {
202
+ var _a = timeStr.split(':'), _hour = _a[0], min = _a[1];
203
+ return "".concat(newHour, ":").concat(min);
204
+ }
205
+ function updateMin(timeStr, newMin) {
206
+ var _a = timeStr.split(':'), hour = _a[0], _min = _a[1];
207
+ return "".concat(hour, ":").concat(newMin);
208
+ }
209
+ function getDateNow() {
210
+ var dateNow = new Date();
211
+ var year = dateNow.getFullYear();
212
+ var month = "".concat(dateNow.getMonth()).padStart(2, '0');
213
+ var date = "".concat(dateNow.getDate()).padStart(2, '0');
214
+ return "".concat(year, "-").concat(month, "-").concat(date);
215
+ }
216
+ function getTimeNow() {
217
+ var dateNow = new Date();
218
+ var hour = "".concat(dateNow.getHours()).padStart(2, '0');
219
+ var min = "".concat(dateNow.getMinutes()).padStart(2, '0');
220
+ return "".concat(hour, ":").concat(min);
221
+ }
222
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateTime/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,138 @@
1
+ @import '../extend.scss';
2
+
3
+ .DBui-inputDateTime {
4
+ @extend .DBui-input;
5
+ height: 35px;
6
+ display: flex;
7
+ align-items: center;
8
+ }
9
+
10
+ .DBui-inputDateTimeWrapperCalendar {
11
+ display: flex;
12
+ flex-direction: column;
13
+ padding: 2em 1em;
14
+ gap: 0.8em;
15
+
16
+ .DBui-inputDateTimeWrapperYearMonthDayTime {
17
+ display: flex;
18
+ flex-direction: row;
19
+ gap: 0.3em;
20
+ justify-content: center;
21
+ align-items: center;
22
+
23
+ .DBui-inputDateTimeWrapperYearMonthDay {
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: 0.3em;
27
+ justify-content: center;
28
+ align-items: center;
29
+ border-right: 1px solid gray;
30
+ padding-right: 0.5em;
31
+
32
+ .DBui-inputDateTimeRowMonthYear,
33
+ .DBui-inputDateTimeRowHeaderDay,
34
+ .DBui-inputDateTimeRowDay {
35
+ display: flex;
36
+ flex-direction: row;
37
+ gap: 0.8em;
38
+ }
39
+
40
+ .DBui-inputDateTimeRowMonthYear {
41
+ gap: 0.5em;
42
+ margin-left: 0.5em;
43
+ align-items: center;
44
+ }
45
+
46
+ .DBui-inputDateTimeRowHeaderDay,
47
+ .DBui-inputDateTimeRowDay {
48
+ cursor: pointer;
49
+
50
+ .DBui-inputDateTimeHeader,
51
+ .DBui-inputDateTimeDay {
52
+ width: 30px;
53
+ height: 30px;
54
+ text-align: center;
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ }
59
+
60
+ .DBui-inputDateTimeDay {
61
+
62
+ &:hover {
63
+ background-color: #03287E;
64
+ border-radius: 100%;
65
+ color: #FFFFFF;
66
+ }
67
+
68
+ &[data-checked='true'] {
69
+ background-color: #03287E;
70
+ color: #FFFFFF;
71
+ border-radius: 100%;
72
+ }
73
+ }
74
+ }
75
+ }
76
+
77
+ .DBui-inputDateTimeWrapperHourMin {
78
+ padding: 0 0.3em;
79
+ align-self: flex-end;
80
+ flex-direction: column;
81
+ display: flex;
82
+
83
+ .DBui-inputDateTimeWrapperHourMinOptions {
84
+ max-height: 200px;
85
+ overflow-y: scroll;
86
+ -ms-overflow-style: none;
87
+ /* IE and Edge */
88
+ scrollbar-width: none;
89
+ /* Firefox */
90
+
91
+ /* Hide scrollbar for Chrome, Safari and Opera */
92
+ &::-webkit-scrollbar {
93
+ display: none;
94
+ }
95
+
96
+ p {
97
+ padding: 0.5em;
98
+ cursor: pointer;
99
+
100
+ &:hover {
101
+ background-color: #03287E;
102
+ color: #FFFFFF;
103
+ }
104
+
105
+ &[data-checked='true'] {
106
+ background-color: #03287E;
107
+ color: #FFFFFF;
108
+ }
109
+ }
110
+ }
111
+ }
112
+ }
113
+
114
+ .DBui-inputDateTimeWrapperButton {
115
+ display: flex;
116
+ gap: 0.5em;
117
+ justify-content: flex-end;
118
+ }
119
+ }
120
+
121
+ .DBui-inputDateTimeRowMonthYearSelected {
122
+ cursor: pointer;
123
+ }
124
+
125
+ .DBui-inputDateTimeRowMonthYearOption {
126
+ cursor: pointer;
127
+ padding: 0.5em 1em;
128
+
129
+ &:hover {
130
+ background-color: #03287E;
131
+ color: #FFFFFF;
132
+ }
133
+
134
+ &[data-checked='true'] {
135
+ background-color: #03287E;
136
+ color: #FFFFFF;
137
+ }
138
+ }
@@ -0,0 +1,10 @@
1
+ export type PropsInputDateTime = {
2
+ name: string;
3
+ label?: string;
4
+ placeholder?: string;
5
+ disabled?: boolean;
6
+ require?: boolean;
7
+ fullWidth?: boolean;
8
+ classButtonSave?: string;
9
+ classButtonCancle?: string;
10
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateTime/index.type.tsx"],"names":[],"mappings":""}
@@ -13,8 +13,10 @@ export { default as Input } from './Input/InputBasic';
13
13
  export type { PropsInputBasic as PropsInput } from './Input/InputBasic/index.type';
14
14
  export { default as InputNumber } from './Input/InputNumber';
15
15
  export type { PropsInputNumber } from './Input/InputNumber/index.type';
16
- export { default as InputDateRangePicker } from './Input/InputDateRangePicker';
17
- export type { PropsInputDateRangePicker } from './Input/InputDateRangePicker/index.type';
16
+ export { default as InputDate } from './Input/InputDate';
17
+ export type { PropsInputDate } from './Input/InputDate/index.type';
18
+ export { default as InputDateTime } from './Input/InputDateTime';
19
+ export type { PropsInputDateTime } from './Input/InputDateTime/index.type';
18
20
  export { default as InputPassword } from './Input/InputPassword';
19
21
  export type { PropsInputPassword } from './Input/InputPassword/index.type';
20
22
  export { default as InputRadio } from './Input/InputRadio';
@@ -6,7 +6,8 @@ export { default as Menu } from './Menu'; // Need variable --z-index-menu
6
6
  export { default as Modal } from './Modal'; // Need variable --z-index-normale
7
7
  export { default as Input } from './Input/InputBasic';
8
8
  export { default as InputNumber } from './Input/InputNumber';
9
- export { default as InputDateRangePicker } from './Input/InputDateRangePicker';
9
+ export { default as InputDate } from './Input/InputDate';
10
+ export { default as InputDateTime } from './Input/InputDateTime';
10
11
  export { default as InputPassword } from './Input/InputPassword';
11
12
  export { default as InputRadio } from './Input/InputRadio';
12
13
  export { default as InputCheckbox } from './Input/InputCheckbox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA,CAAC,mCAAmC;AAGtF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA,CAAC,+BAA+B;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA,CAAC,kCAAkC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAUhF,UAAU;AACV,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA,CAAC,mCAAmC;AAGtF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA,CAAC,+BAA+B;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA,CAAC,kCAAkC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAUhF,UAAU;AACV,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datability/8ui",
3
- "version": "0.1.33",
3
+ "version": "0.1.35",
4
4
  "description": "",
5
5
  "main": "dist/components/index.js",
6
6
  "types": "dist/components/index.d.ts",
@@ -21,14 +21,12 @@
21
21
  "copyfiles": "^2.4.1",
22
22
  "formik": "^2.4.6",
23
23
  "prettier": "^3.2.5",
24
- "react-datepicker": "^6.9.0",
25
24
  "react-scripts": "^5.0.1",
26
25
  "sass": "^1.77.0",
27
26
  "sass-loader": "^14.2.1"
28
27
  },
29
28
  "devDependencies": {
30
29
  "@types/react": "^18.3.1",
31
- "@types/react-datepicker": "^6.2.0",
32
30
  "@types/react-dom": "^18.3.0",
33
31
  "react": "^18.3.1",
34
32
  "react-dom": "^18.3.1"
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import 'react-datepicker/dist/react-datepicker.css';
3
- import './index.scss';
4
- import type { PropsInputDateRangePicker } from './index.type';
5
- declare const InputDateRangePicker: React.FC<PropsInputDateRangePicker>;
6
- export default InputDateRangePicker;
@@ -1,22 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- import DatePicker from 'react-datepicker';
5
- import 'react-datepicker/dist/react-datepicker.css';
6
- // Images
7
- // Include in project
8
- import InputBase from '../InputBase';
9
- import './index.scss';
10
- var InputDateRangePicker = function (_a) {
11
- var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, placeholder = _a.placeholder;
12
- var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, setFieldValue = _e.setFieldValue;
13
- var _f = getIn(values, name), startDate = _f[0], endDate = _f[1];
14
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
15
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
16
- React.createElement("div", { className: "react-datepicler-custom", "data-invalid": isInvalid },
17
- React.createElement(DatePicker, { selectsRange: true, startDate: startDate, endDate: endDate, onChange: function (update) {
18
- setFieldValue(name, update);
19
- }, disabled: disabled, placeholderText: placeholder }))));
20
- };
21
- export default InputDateRangePicker;
22
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAChD,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,4CAA4C,CAAA;AAEnD,SAAS;AAET,qBAAqB;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,cAAc,CAAA;AAGrB,IAAM,oBAAoB,GAAwC,UAAC,EAOlE;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,WAAW,iBAAA;IAEL,IAAA,KAA6C,gBAAgB,EAAE,EAA7D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAC/D,IAAA,KAAuB,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,OAAO,QAAuB,CAAA;IAEhD,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,yBAAyB,kBAAe,SAAS;YAC9D,oBAAC,UAAU,IACT,YAAY,QACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,MAAuB;oBAChC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBAC7B,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,WAAW,GAC5B,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
@@ -1,31 +0,0 @@
1
- @import '../extend.scss';
2
-
3
- // Custom CSS of Lib react-datepicker
4
- .react-datepicker__current-month {
5
- font-size: 1.3rem;
6
- }
7
-
8
- .react-datepicker__day,
9
- .react-datepicker__day-name {
10
- font-size: 1.1rem;
11
- }
12
-
13
- .react-datepicker__input-container {
14
-
15
- input {
16
- @extend .DBui-input;
17
-
18
- &:disabled {
19
- @extend .DBui-disabled;
20
- }
21
- }
22
- }
23
-
24
- .react-datepicler-custom {
25
- &[data-invalid='true'] {
26
-
27
- input {
28
- border: 1px solid #EB5757;
29
- }
30
- }
31
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateRangePicker/index.type.tsx"],"names":[],"mappings":""}