@datability/8ui 0.1.32 → 0.1.34
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/components/Input/InputBasic/index.type.d.ts +1 -1
- package/dist/components/Input/InputDate/index.d.ts +5 -0
- package/dist/components/Input/InputDate/index.js +152 -0
- package/dist/components/Input/InputDate/index.js.map +1 -0
- package/dist/components/Input/InputDate/index.scss +80 -0
- package/dist/components/Input/{InputDateRangePicker → InputDate}/index.type.d.ts +2 -2
- package/dist/components/Input/InputDate/index.type.js.map +1 -0
- package/dist/components/Input/InputDateTime/index.d.ts +5 -0
- package/dist/components/Input/InputDateTime/index.js +222 -0
- package/dist/components/Input/InputDateTime/index.js.map +1 -0
- package/dist/components/Input/InputDateTime/index.scss +138 -0
- package/dist/components/Input/InputDateTime/index.type.d.ts +10 -0
- package/dist/components/Input/InputDateTime/index.type.js +2 -0
- package/dist/components/Input/InputDateTime/index.type.js.map +1 -0
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/index.scss +20 -20
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -3
- package/dist/components/Input/InputDateRangePicker/index.d.ts +0 -6
- package/dist/components/Input/InputDateRangePicker/index.js +0 -22
- package/dist/components/Input/InputDateRangePicker/index.js.map +0 -1
- package/dist/components/Input/InputDateRangePicker/index.scss +0 -31
- package/dist/components/Input/InputDateRangePicker/index.type.js.map +0 -1
- /package/dist/components/Input/{InputDateRangePicker → InputDate}/index.type.js +0 -0
|
@@ -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":"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"}
|
|
@@ -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
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.type.tsx"],"names":[],"mappings":""}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateTime/index.type.tsx"],"names":[],"mappings":""}
|
|
@@ -156,7 +156,7 @@ var Menu = function (_a) {
|
|
|
156
156
|
return function () { return setMounted(false); };
|
|
157
157
|
}, []);
|
|
158
158
|
return (React.createElement("div", { ref: menuRef },
|
|
159
|
-
React.createElement("div", { onClick: handleToggle, className: "cursor", ref: triggerRef }, trigger({ isOpen: isOpen })),
|
|
159
|
+
React.createElement("div", { onClick: handleToggle, className: "cursor DBui-wrapperMenu", ref: triggerRef }, trigger({ isOpen: isOpen })),
|
|
160
160
|
mounted &&
|
|
161
161
|
createPortal(React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": !(isOpen && !disabled), "data-is-in-modal": isInModal, style: menuStyle, ref: menuItemRef }, children), document.getElementById('root') || document.getElementById('__next')),
|
|
162
162
|
!mounted && (React.createElement("div", { className: "DBui-wrapperMenuItem", "data-hidden": true, style: menuStyle, ref: menuItemRef, "data-is-in-modal": isInModal }, children))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
}
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
7
|
+
.DBui-wrapperMenuItem {
|
|
8
|
+
position: absolute;
|
|
9
|
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
|
|
10
|
+
rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
|
|
11
|
+
border-radius: 0.3em;
|
|
12
|
+
display: block;
|
|
13
|
+
background-color: #FFFFFF;
|
|
14
|
+
color: #000000;
|
|
15
|
+
z-index: var(--z-index-menu);
|
|
16
|
+
max-width: 300px;
|
|
17
|
+
min-width: 100px;
|
|
18
|
+
width: fit-content;
|
|
19
|
+
overflow-y: scroll;
|
|
20
|
+
overflow-x: hidden;
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
&[data-hidden='true'] {
|
|
23
|
+
visibility: hidden;
|
|
24
|
+
}
|
|
24
25
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
26
|
+
&[data-is-in-modal='true'] {
|
|
27
|
+
z-index: var(--z-index-menu-in-modal);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -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
|
|
17
|
-
export 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';
|
package/dist/components/index.js
CHANGED
|
@@ -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
|
|
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,
|
|
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.
|
|
3
|
+
"version": "0.1.34",
|
|
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":""}
|
|
File without changes
|