@datability/8ui 0.1.68 → 1.0.0

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 (147) hide show
  1. package/README.md +68 -18
  2. package/dist/assets/index-BYmsRLQS.js +48 -0
  3. package/dist/assets/index-QxCDX2bt.css +1 -0
  4. package/dist/index.html +14 -0
  5. package/dist/vite.svg +1 -0
  6. package/package.json +29 -27
  7. package/dist/components/Blackdrop/index.d.ts +0 -5
  8. package/dist/components/Blackdrop/index.js +0 -11
  9. package/dist/components/Blackdrop/index.js.map +0 -1
  10. package/dist/components/Blackdrop/index.scss +0 -16
  11. package/dist/components/Blackdrop/index.type.d.ts +0 -6
  12. package/dist/components/Blackdrop/index.type.js +0 -2
  13. package/dist/components/Blackdrop/index.type.js.map +0 -1
  14. package/dist/components/Button/index.d.ts +0 -5
  15. package/dist/components/Button/index.js +0 -16
  16. package/dist/components/Button/index.js.map +0 -1
  17. package/dist/components/Button/index.scss +0 -40
  18. package/dist/components/Button/index.type.d.ts +0 -12
  19. package/dist/components/Button/index.type.js +0 -2
  20. package/dist/components/Button/index.type.js.map +0 -1
  21. package/dist/components/Chip/index.d.ts +0 -5
  22. package/dist/components/Chip/index.js +0 -18
  23. package/dist/components/Chip/index.js.map +0 -1
  24. package/dist/components/Chip/index.scss +0 -32
  25. package/dist/components/Chip/index.type.d.ts +0 -9
  26. package/dist/components/Chip/index.type.js +0 -2
  27. package/dist/components/Chip/index.type.js.map +0 -1
  28. package/dist/components/Divider/index.d.ts +0 -4
  29. package/dist/components/Divider/index.js +0 -10
  30. package/dist/components/Divider/index.js.map +0 -1
  31. package/dist/components/Divider/index.scss +0 -4
  32. package/dist/components/Input/InputAutoComplete/index.d.ts +0 -5
  33. package/dist/components/Input/InputAutoComplete/index.js +0 -68
  34. package/dist/components/Input/InputAutoComplete/index.js.map +0 -1
  35. package/dist/components/Input/InputAutoComplete/index.scss +0 -53
  36. package/dist/components/Input/InputAutoComplete/index.type.d.ts +0 -12
  37. package/dist/components/Input/InputAutoComplete/index.type.js +0 -2
  38. package/dist/components/Input/InputAutoComplete/index.type.js.map +0 -1
  39. package/dist/components/Input/InputBase/index.d.ts +0 -5
  40. package/dist/components/Input/InputBase/index.js +0 -23
  41. package/dist/components/Input/InputBase/index.js.map +0 -1
  42. package/dist/components/Input/InputBase/index.scss +0 -14
  43. package/dist/components/Input/InputBase/index.type.d.ts +0 -9
  44. package/dist/components/Input/InputBase/index.type.js +0 -2
  45. package/dist/components/Input/InputBase/index.type.js.map +0 -1
  46. package/dist/components/Input/InputBasic/index.d.ts +0 -5
  47. package/dist/components/Input/InputBasic/index.js +0 -16
  48. package/dist/components/Input/InputBasic/index.js.map +0 -1
  49. package/dist/components/Input/InputBasic/index.scss +0 -9
  50. package/dist/components/Input/InputBasic/index.type.d.ts +0 -10
  51. package/dist/components/Input/InputBasic/index.type.js +0 -2
  52. package/dist/components/Input/InputBasic/index.type.js.map +0 -1
  53. package/dist/components/Input/InputCheckbox/index.d.ts +0 -5
  54. package/dist/components/Input/InputCheckbox/index.js +0 -19
  55. package/dist/components/Input/InputCheckbox/index.js.map +0 -1
  56. package/dist/components/Input/InputCheckbox/index.scss +0 -30
  57. package/dist/components/Input/InputCheckbox/index.type.d.ts +0 -11
  58. package/dist/components/Input/InputCheckbox/index.type.js +0 -2
  59. package/dist/components/Input/InputCheckbox/index.type.js.map +0 -1
  60. package/dist/components/Input/InputDate/index.d.ts +0 -23
  61. package/dist/components/Input/InputDate/index.js +0 -190
  62. package/dist/components/Input/InputDate/index.js.map +0 -1
  63. package/dist/components/Input/InputDate/index.scss +0 -102
  64. package/dist/components/Input/InputDate/index.type.d.ts +0 -11
  65. package/dist/components/Input/InputDate/index.type.js +0 -2
  66. package/dist/components/Input/InputDate/index.type.js.map +0 -1
  67. package/dist/components/Input/InputDateRange/index.d.ts +0 -5
  68. package/dist/components/Input/InputDateRange/index.js +0 -137
  69. package/dist/components/Input/InputDateRange/index.js.map +0 -1
  70. package/dist/components/Input/InputDateRange/index.scss +0 -101
  71. package/dist/components/Input/InputDateRange/index.type.d.ts +0 -11
  72. package/dist/components/Input/InputDateRange/index.type.js +0 -2
  73. package/dist/components/Input/InputDateRange/index.type.js.map +0 -1
  74. package/dist/components/Input/InputDateTime/index.d.ts +0 -5
  75. package/dist/components/Input/InputDateTime/index.js +0 -185
  76. package/dist/components/Input/InputDateTime/index.js.map +0 -1
  77. package/dist/components/Input/InputDateTime/index.scss +0 -179
  78. package/dist/components/Input/InputDateTime/index.type.d.ts +0 -11
  79. package/dist/components/Input/InputDateTime/index.type.js +0 -2
  80. package/dist/components/Input/InputDateTime/index.type.js.map +0 -1
  81. package/dist/components/Input/InputNumber/index.d.ts +0 -5
  82. package/dist/components/Input/InputNumber/index.js +0 -78
  83. package/dist/components/Input/InputNumber/index.js.map +0 -1
  84. package/dist/components/Input/InputNumber/index.scss +0 -9
  85. package/dist/components/Input/InputNumber/index.type.d.ts +0 -10
  86. package/dist/components/Input/InputNumber/index.type.js +0 -2
  87. package/dist/components/Input/InputNumber/index.type.js.map +0 -1
  88. package/dist/components/Input/InputPassword/index.d.ts +0 -5
  89. package/dist/components/Input/InputPassword/index.js +0 -21
  90. package/dist/components/Input/InputPassword/index.js.map +0 -1
  91. package/dist/components/Input/InputPassword/index.scss +0 -22
  92. package/dist/components/Input/InputPassword/index.type.d.ts +0 -8
  93. package/dist/components/Input/InputPassword/index.type.js +0 -2
  94. package/dist/components/Input/InputPassword/index.type.js.map +0 -1
  95. package/dist/components/Input/InputRadio/index.d.ts +0 -5
  96. package/dist/components/Input/InputRadio/index.js +0 -19
  97. package/dist/components/Input/InputRadio/index.js.map +0 -1
  98. package/dist/components/Input/InputRadio/index.scss +0 -35
  99. package/dist/components/Input/InputRadio/index.type.d.ts +0 -12
  100. package/dist/components/Input/InputRadio/index.type.js +0 -2
  101. package/dist/components/Input/InputRadio/index.type.js.map +0 -1
  102. package/dist/components/Input/InputSelect/index.d.ts +0 -5
  103. package/dist/components/Input/InputSelect/index.js +0 -45
  104. package/dist/components/Input/InputSelect/index.js.map +0 -1
  105. package/dist/components/Input/InputSelect/index.scss +0 -81
  106. package/dist/components/Input/InputSelect/index.type.d.ts +0 -14
  107. package/dist/components/Input/InputSelect/index.type.js +0 -2
  108. package/dist/components/Input/InputSelect/index.type.js.map +0 -1
  109. package/dist/components/Input/InputTextarea/index.d.ts +0 -5
  110. package/dist/components/Input/InputTextarea/index.js +0 -16
  111. package/dist/components/Input/InputTextarea/index.js.map +0 -1
  112. package/dist/components/Input/InputTextarea/index.scss +0 -10
  113. package/dist/components/Input/InputTextarea/index.type.d.ts +0 -10
  114. package/dist/components/Input/InputTextarea/index.type.js +0 -2
  115. package/dist/components/Input/InputTextarea/index.type.js.map +0 -1
  116. package/dist/components/Input/extend.scss +0 -19
  117. package/dist/components/InputNonContext/InputSwitch/index.d.ts +0 -5
  118. package/dist/components/InputNonContext/InputSwitch/index.js +0 -19
  119. package/dist/components/InputNonContext/InputSwitch/index.js.map +0 -1
  120. package/dist/components/InputNonContext/InputSwitch/index.scss +0 -84
  121. package/dist/components/InputNonContext/InputSwitch/index.type.d.ts +0 -6
  122. package/dist/components/InputNonContext/InputSwitch/index.type.js +0 -2
  123. package/dist/components/InputNonContext/InputSwitch/index.type.js.map +0 -1
  124. package/dist/components/Menu/index.d.ts +0 -5
  125. package/dist/components/Menu/index.js +0 -103
  126. package/dist/components/Menu/index.js.map +0 -1
  127. package/dist/components/Menu/index.scss +0 -30
  128. package/dist/components/Menu/index.type.d.ts +0 -11
  129. package/dist/components/Menu/index.type.js +0 -2
  130. package/dist/components/Menu/index.type.js.map +0 -1
  131. package/dist/components/Modal/index.d.ts +0 -5
  132. package/dist/components/Modal/index.js +0 -83
  133. package/dist/components/Modal/index.js.map +0 -1
  134. package/dist/components/Modal/index.scss +0 -33
  135. package/dist/components/Modal/index.type.d.ts +0 -7
  136. package/dist/components/Modal/index.type.js +0 -2
  137. package/dist/components/Modal/index.type.js.map +0 -1
  138. package/dist/components/assets/closed.svg +0 -4
  139. package/dist/components/assets/expandArrow.svg +0 -3
  140. package/dist/components/assets/visibility.svg +0 -5
  141. package/dist/components/assets/visibilityOff.svg +0 -5
  142. package/dist/components/context.d.ts +0 -8
  143. package/dist/components/context.js +0 -12
  144. package/dist/components/context.js.map +0 -1
  145. package/dist/components/index.d.ts +0 -41
  146. package/dist/components/index.js +0 -21
  147. package/dist/components/index.js.map +0 -1
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export type PropsInputBase = {
3
- name: string;
4
- label?: string;
5
- require?: boolean;
6
- fullWidth?: boolean;
7
- children: JSX.Element | JSX.Element[];
8
- isInvalid: boolean;
9
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBase/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputBasic } from './index.type';
4
- declare const Input: React.FC<PropsInputBasic>;
5
- export default Input;
@@ -1,16 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- // Images
5
- // Include in project
6
- import './index.scss';
7
- import InputBase from '../InputBase';
8
- var Input = function (_a) {
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
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
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: "text", placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
14
- };
15
- export default Input;
16
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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"}
@@ -1,9 +0,0 @@
1
- @import '../extend.scss';
2
-
3
- .DBui-inputBasic {
4
- @extend .DBui-input;
5
-
6
- &:disabled {
7
- @extend .DBui-disabled;
8
- }
9
- }
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export type PropsInputBasic = {
3
- name: string;
4
- label?: string;
5
- placeholder?: string;
6
- disabled?: boolean;
7
- require?: boolean;
8
- fullWidth?: boolean;
9
- inputRef?: React.Ref<HTMLInputElement>;
10
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputCheckbox } from './index.type';
4
- declare const InputCheckbox: React.FC<PropsInputCheckbox>;
5
- export default InputCheckbox;
@@ -1,19 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- // Images
5
- // Include in project
6
- import './index.scss';
7
- import InputBase from '../InputBase';
8
- var InputCheckbox = function (_a) {
9
- 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, options = _a.options;
10
- var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.handleChange;
11
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
13
- React.createElement("div", { className: "DBui-wrapInputCheckboxList" }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputCheckbox" },
14
- React.createElement("input", { className: "DBui-inputCheckbox", type: "checkbox", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name).includes(data.value) }),
15
- React.createElement("p", { className: "DBui-labelCheckbox", "data-invalid": isInvalid },
16
- React.createElement("small", null, data.label)))); }))));
17
- };
18
- export default InputCheckbox;
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputCheckbox/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,aAAa,GAAiC,UAAC,EAOpD;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,OAAO,aAAA;IAED,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,6BAAK,SAAS,EAAC,4BAA4B,IACxC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,wBAAwB;YACjD,+BACE,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACjD;YACF,2BAAG,SAAS,EAAC,oBAAoB,kBAAe,SAAS;gBACvD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,30 +0,0 @@
1
- @import '../extend.scss';
2
-
3
- .DBui-wrapInputCheckboxList {
4
- display: flex;
5
- width: 100%;
6
- gap: 1em;
7
-
8
- .DBui-wrapInputCheckbox {
9
- display: flex;
10
- align-items: center;
11
- gap: 0.3em;
12
-
13
- .DBui-labelCheckbox {
14
- &[data-invalid='true'] {
15
- color: #EB5757;
16
- }
17
- }
18
-
19
- .DBui-inputCheckbox {
20
- width: 100%;
21
- border-radius: 0.3em;
22
- width: 18px;
23
- height: 18px;
24
-
25
- &:disabled {
26
- @extend .DBui-disabled;
27
- }
28
- }
29
- }
30
- }
@@ -1,11 +0,0 @@
1
- export type PropsInputCheckbox = {
2
- name: string;
3
- label?: string;
4
- disabled?: boolean;
5
- require?: boolean;
6
- fullWidth?: boolean;
7
- options: {
8
- label: string;
9
- value: string | number;
10
- }[];
11
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputCheckbox/index.type.tsx"],"names":[],"mappings":""}
@@ -1,23 +0,0 @@
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;
6
- export declare function generateYearOptions(minYear?: number, maxYear?: number): {
7
- label: string;
8
- value: number;
9
- }[];
10
- export declare function generateMonthOptions(): {
11
- label: string;
12
- value: string;
13
- }[];
14
- export declare function updateYearInDateString(dateStr: string, newYear: number): string;
15
- export declare function updateMonthInDateString(dateStr: string, newMonth: string): string;
16
- export declare function getYearInDateString(dateStr: string): number;
17
- export declare function getMonthInDateString(dateStr: string): string;
18
- export declare function getDayInDateString(dateStr: string): string;
19
- export declare function getDaysInMonthWithWeekday(year: number, month: string): {
20
- date: string;
21
- weekday: string;
22
- }[];
23
- export declare function getDateNow(): string;
@@ -1,190 +0,0 @@
1
- import { __spreadArray } from "tslib";
2
- // Lib
3
- import React, { useEffect, useState } from 'react';
4
- import { getIn, useFormikContext } from 'formik';
5
- // Images
6
- import expandArrowSVG from '../../assets/expandArrow.svg';
7
- import closedSVG from '../../assets/closed.svg';
8
- // Include in project
9
- import './index.scss';
10
- import InputBase from '../InputBase';
11
- import Menu from '../../Menu';
12
- import Modal from '../../Modal';
13
- import { createPortal } from 'react-dom';
14
- // 2025-09-01
15
- var InputDate = function (_a) {
16
- 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, _e = _a.isHideClearIcon, isHideClearIcon = _e === void 0 ? true : _e, minYear = _a.minYear, maxYear = _a.maxYear;
17
- var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, setFieldValue = _f.setFieldValue;
18
- var value = getIn(values, name);
19
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
20
- var _g = useState(value ? value : getDateNow()), showDay = _g[0], setShowDay = _g[1];
21
- var _h = useState(false), isOpenModal = _h[0], setIsOpenModal = _h[1];
22
- var yearOption = generateYearOptions(minYear, maxYear);
23
- var monthOption = generateMonthOptions();
24
- function CalendarRow(_a) {
25
- var year = _a.year, month = _a.month;
26
- var days = getDaysInMonthWithWeekday(year, month);
27
- // Mapping JavaScript getDay() → Thai order (เสาร์=0, อาทิตย์=1, ..., ศุกร์=6)
28
- var mapToThaiWeek = function (dayIndex) { return dayIndex % 7; }; // Sunday(0) → 1 ... Saturday(6) → 0
29
- // ช่องว่างก่อนเริ่มต้นเดือน
30
- var firstDayThaiIndex = mapToThaiWeek(new Date("".concat(year, "-").concat(month, "-01")).getDay());
31
- var emptyStartDays = Array(firstDayThaiIndex).fill(null);
32
- var allDays = __spreadArray(__spreadArray([], emptyStartDays, true), days.map(function (d) { return d.date.split('-')[2]; }), true); // ['01', '02', ...]
33
- // เติม null ให้ครบ 42 ช่อง (6 แถว × 7 วัน)
34
- while (allDays.length < 42) {
35
- allDays.push(null);
36
- }
37
- // แบ่งเป็นแถวละ 7 วัน
38
- var weeks = [];
39
- for (var i = 0; i < allDays.length; i += 7) {
40
- weeks.push(allDays.slice(i, i + 7));
41
- }
42
- 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 () {
43
- if (day) {
44
- setFieldValue(name, "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day));
45
- setIsOpenModal(false);
46
- }
47
- }, "data-checked": "".concat(getYearInDateString(value), "-").concat(getMonthInDateString(value), "-").concat(getDayInDateString(value)) ===
48
- "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day), "data-hidden-hover": !Boolean(day) }, day || '')); }))); })));
49
- }
50
- var _j = useState(false), mounted = _j[0], setMounted = _j[1];
51
- useEffect(function () {
52
- setMounted(true);
53
- return function () { return setMounted(false); };
54
- }, []);
55
- var handleCleaState = function (e) {
56
- e.stopPropagation();
57
- setFieldValue(name, '');
58
- };
59
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
60
- React.createElement(React.Fragment, null,
61
- React.createElement("div", { className: "DBui-inputDate", onClick: function () { return (disabled ? null : setIsOpenModal(true)); }, "data-invalid": isInvalid, "data-disabled": disabled },
62
- React.createElement("p", null, value ? value : placeholder),
63
- React.createElement("img", { src: closedSVG, className: "DBui-clearIconInputDate", onClick: handleCleaState, "data-hidden": getIn(values, name) === '' || disabled || isHideClearIcon })),
64
- mounted &&
65
- createPortal(React.createElement(Modal, { id: "modalInputDate", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
66
- React.createElement("div", { className: "DBui-inputDateWrapperCalendar" },
67
- React.createElement("div", { className: "DBui-inputDateRowMonthYear" },
68
- React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(90deg)' }, onClick: function () {
69
- setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) - 1).padStart(2, '0')));
70
- } }),
71
- React.createElement(Menu, { isInModal: true, trigger: function () { return React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected" }, showDay.slice(0, 4)); } }, function (_a) {
72
- var close = _a.close;
73
- return yearOption.map(function (data, index) {
74
- return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () {
75
- setShowDay(updateYearInDateString(showDay, data.value));
76
- close();
77
- }, "data-checked": getYearInDateString(showDay) === data.value }, data.label));
78
- });
79
- }),
80
- React.createElement(Menu, { isInModal: true, trigger: function () {
81
- var _a;
82
- return (React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected", style: { width: '7rem' } }, (_a = monthOption.find(function (e) { return e.value === showDay.slice(5, 7); })) === null || _a === void 0 ? void 0 : _a.label));
83
- } }, function (_a) {
84
- var close = _a.close;
85
- return monthOption.map(function (data, index) {
86
- return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () {
87
- setShowDay(updateMonthInDateString(showDay, data.value));
88
- close();
89
- }, "data-checked": getMonthInDateString(showDay) === data.value }, data.label));
90
- });
91
- }),
92
- React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(-90deg)' }, onClick: function () {
93
- setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) + 1).padStart(2, '0')));
94
- } })),
95
- React.createElement("div", null,
96
- React.createElement("div", { className: "DBui-inputDateRowHeaderDay" },
97
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Sun"),
98
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Mon"),
99
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Tue"),
100
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Wed"),
101
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Thu"),
102
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Fri"),
103
- React.createElement("p", { className: "DBui-inputDateHeader" }, "Sat")),
104
- React.createElement(CalendarRow, { year: getYearInDateString(showDay), month: getMonthInDateString(showDay) })))), document.getElementById('root') || document.getElementById('__next')),
105
- !mounted && (React.createElement(Modal, { id: "modalInputDate", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
106
- React.createElement("div", { className: "DBui-inputDateWrapperCalendar" }))))));
107
- };
108
- export default InputDate;
109
- export function generateYearOptions(minYear, maxYear) {
110
- var currentYear = new Date().getFullYear();
111
- // Default values ถ้าไม่ส่งมา
112
- var finalMax = maxYear !== null && maxYear !== void 0 ? maxYear : currentYear;
113
- var finalMin = minYear !== null && minYear !== void 0 ? minYear : currentYear - 100;
114
- var years = [];
115
- // ไล่ปีแบบมาก -> น้อย
116
- for (var year = finalMax; year >= finalMin; year--) {
117
- years.push({ label: String(year), value: year });
118
- }
119
- return years;
120
- }
121
- export function generateMonthOptions() {
122
- var monthNames = [
123
- 'January',
124
- 'February',
125
- 'March',
126
- 'April',
127
- 'May',
128
- 'June',
129
- 'July',
130
- 'August',
131
- 'September',
132
- 'October',
133
- 'November',
134
- 'December',
135
- ];
136
- return monthNames.map(function (name, index) { return ({
137
- label: name,
138
- value: String(index + 1).padStart(2, '0')
139
- }); });
140
- }
141
- export function updateYearInDateString(dateStr, newYear) {
142
- var newDateStr = dateStr ? dateStr : new Date().toISOString().split('T')[0];
143
- var _a = newDateStr.split('-'), _ = _a[0], month = _a[1], day = _a[2];
144
- return "".concat(newYear, "-").concat(month, "-").concat(day);
145
- }
146
- export function updateMonthInDateString(dateStr, newMonth) {
147
- var newDateStr = dateStr || new Date().toISOString().split('T')[0];
148
- var _a = newDateStr.split('-'), yearStr = _a[0], _ = _a[1], dayStr = _a[2];
149
- var year = parseInt(yearStr, 10);
150
- var month = parseInt(newMonth, 10);
151
- // Handle overflow/underflow
152
- year += Math.floor((month - 1) / 12);
153
- month = ((((month - 1) % 12) + 12) % 12) + 1; // Wrap to 1–12
154
- var monthStr = String(month).padStart(2, '0');
155
- return "".concat(year, "-").concat(monthStr, "-").concat(dayStr);
156
- }
157
- export function getYearInDateString(dateStr) {
158
- var _a = dateStr.split('-'), year = _a[0], _month = _a[1], _day = _a[2];
159
- return Number(year);
160
- }
161
- export function getMonthInDateString(dateStr) {
162
- var _a = dateStr.split('-'), _year = _a[0], month = _a[1], _day = _a[2];
163
- return month;
164
- }
165
- export function getDayInDateString(dateStr) {
166
- var _a = dateStr.split('-'), _year = _a[0], _month = _a[1], day = _a[2];
167
- return day;
168
- }
169
- export function getDaysInMonthWithWeekday(year, month) {
170
- var days = [];
171
- var monthIndex = parseInt(month, 10) - 1; // JavaScript months are 0-based
172
- var date = new Date(year, monthIndex, 1);
173
- var weekdayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
174
- while (date.getMonth() === monthIndex) {
175
- var day = String(date.getDate()).padStart(2, '0');
176
- var weekday = weekdayNames[date.getDay()];
177
- var formattedDate = "".concat(year, "-").concat(month, "-").concat(day);
178
- days.push({ date: formattedDate, weekday: weekday });
179
- date.setDate(date.getDate() + 1);
180
- }
181
- return days;
182
- }
183
- export function getDateNow() {
184
- var dateNow = new Date();
185
- var year = dateNow.getFullYear();
186
- var month = "".concat(dateNow.getMonth() + 1).padStart(2, '0');
187
- var date = "".concat(dateNow.getDate()).padStart(2, '0');
188
- return "".concat(year, "-").concat(month, "-").concat(date);
189
- }
190
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.tsx"],"names":[],"mappings":";AAAA,MAAM;AACN,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AACT,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,aAAa;AACb,IAAM,SAAS,GAA6B,UAAC,EAU5C;QATC,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,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,OAAO,aAAA,EACP,OAAO,aAAA;IAED,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,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACxD,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,QAAQ,GAAG,CAAC,EAAZ,CAAY,CAAA,CAAC,oCAAoC;QAE7F,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,2CAA2C;QAC3C,OAAO,OAAO,CAAC,MAAM,GAAG,EAAE,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACnB;QAED,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,IAAI,GAAG,EAAE;oBACP,aAAa,CAAC,IAAI,EAAE,UAAG,mBAAmB,CAAC,OAAO,CAAC,cAAI,oBAAoB,CAAC,OAAO,CAAC,cAAI,GAAG,CAAE,CAAC,CAAA;oBAC9F,cAAc,CAAC,KAAK,CAAC,CAAA;iBACtB;YACH,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,uBAExD,CAAC,OAAO,CAAC,GAAG,CAAC,IAE/B,GAAG,IAAI,EAAE,CACR,CACL,EAlBqB,CAkBrB,CAAC,CACE,CACP,EAtB8B,CAsB9B,CAAC,CACD,CACJ,CAAA;IACH,CAAC;IAEK,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,SAAS,CAAC;QACR,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,CAAA;IAChC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,UAAC,CAAiD;QACxE,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IACzB,CAAC,CAAA;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;YACE,6BACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAxC,CAAwC,kBACzC,SAAS,mBACR,QAAQ;gBAEvB,+BAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAK;gBACpC,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,eAAe,iBACX,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,QAAQ,IAAI,eAAe,GACtE,CACE;YAEL,OAAO;gBACN,YAAY,CACV,oBAAC,KAAK,IAAC,EAAE,EAAC,gBAAgB,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB;oBAChF,6BAAK,SAAS,EAAC,+BAA+B;wBAC5C,6BAAK,SAAS,EAAC,4BAA4B;4BACzC,6BACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EACrC,OAAO,EAAE;oCACP,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;gCACH,CAAC,GACD;4BACF,oBAAC,IAAI,IACH,SAAS,QACT,OAAO,EAAE,cAAM,OAAA,4BAAI,SAAS,EAAC,oCAAoC,IAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAM,EAA7E,CAA6E,IAE3F,UAAC,EAAS;oCAAP,KAAK,WAAA;gCACP,OAAA,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;oCACzB,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE;4CACP,UAAU,CAAC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;4CACvD,KAAK,EAAE,CAAA;wCACT,CAAC,kBACa,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,IAExD,IAAI,CAAC,KAAK,CACT,CACL,CAAA;gCACH,CAAC,CAAC;4BAdF,CAcE,CAEC;4BACP,oBAAC,IAAI,IACH,SAAS,QACT,OAAO,EAAE;;oCAAM,OAAA,CACb,4BAAI,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IACxE,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;iCAAA,IAEA,UAAC,EAAS;oCAAP,KAAK,WAAA;gCACP,OAAA,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;oCAC1B,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE;4CACP,UAAU,CAAC,uBAAuB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;4CACxD,KAAK,EAAE,CAAA;wCACT,CAAC,kBACa,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,IAEzD,IAAI,CAAC,KAAK,CACT,CACL,CAAA;gCACH,CAAC,CAAC;4BAdF,CAcE,CAEC;4BACP,6BACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,OAAO,EAAE;oCACP,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;gCACH,CAAC,GACD,CACE;wBACN;4BACE,6BAAK,SAAS,EAAC,4BAA4B;gCACzC,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ;gCAC3C,2BAAG,SAAS,EAAC,sBAAsB,UAAQ,CACvC;4BAEN,oBAAC,WAAW,IAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAI,CACrF,CACF,CACA,EACP,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAiB,IAAK,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAiB,CACvG;YACF,CAAC,OAAO,IAAI,CACX,oBAAC,KAAK,IAAC,EAAE,EAAC,gBAAgB,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB;gBAChF,6BAAK,SAAS,EAAC,+BAA+B,GAAO,CAC/C,CACT,CACA,CACO,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA;AAExB,MAAM,UAAU,mBAAmB,CAAC,OAAgB,EAAE,OAAgB;IACpE,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAE5C,6BAA6B;IAC7B,IAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,CAAA;IACvC,IAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,GAAG,GAAG,CAAA;IAE7C,IAAM,KAAK,GAAG,EAAE,CAAA;IAEhB,sBAAsB;IACtB,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,QAAQ,EAAE,IAAI,EAAE,EAAE;QAClD,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;KACjD;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,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,MAAM,UAAU,sBAAsB,CAAC,OAAe,EAAE,OAAe;IACrE,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,MAAM,UAAU,uBAAuB,CAAC,OAAe,EAAE,QAAgB;IACvE,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,MAAM,UAAU,mBAAmB,CAAC,OAAe;IAC3C,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,MAAM,UAAU,oBAAoB,CAAC,OAAe;IAC5C,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,MAAM,UAAU,kBAAkB,CAAC,OAAe;IAC1C,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,MAAM,UAAU,yBAAyB,CAAC,IAAY,EAAE,KAAa;IACnE,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,MAAM,UAAU,UAAU;IACxB,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,GAAG,CAAC,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC1D,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"}
@@ -1,102 +0,0 @@
1
- @import '../extend.scss';
2
-
3
- .DBui-inputDate {
4
- @extend .DBui-input;
5
- height: 35px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
-
10
- &[data-disabled='true'] {
11
- @extend .DBui-disabled;
12
- }
13
-
14
- .DBui-clearIconInputDate {
15
- width: 20px;
16
-
17
- &[data-hidden='true'] {
18
- display: none !important;
19
- }
20
-
21
- &:hover {
22
- opacity: 0.8;
23
- }
24
- }
25
- }
26
-
27
- .DBui-inputDateWrapperCalendar {
28
- display: flex;
29
- flex-direction: column;
30
- gap: 0.3em;
31
- padding: 2em 0;
32
- justify-content: center;
33
- align-items: center;
34
-
35
- .DBui-inputDateRowMonthYear,
36
- .DBui-inputDateRowHeaderDay,
37
- .DBui-inputDateRowDay {
38
- display: flex;
39
- flex-direction: row;
40
- gap: 0.8em;
41
- }
42
-
43
- .DBui-inputDateRowMonthYear {
44
- gap: 0.5em;
45
- margin-left: 0.5em;
46
- align-items: center;
47
- }
48
-
49
- .DBui-inputDateRowHeaderDay,
50
- .DBui-inputDateRowDay {
51
-
52
- .DBui-inputDateHeader,
53
- .DBui-inputDateDay {
54
- width: 30px;
55
- height: 30px;
56
- text-align: center;
57
- display: flex;
58
- align-items: center;
59
- justify-content: center;
60
- }
61
-
62
- .DBui-inputDateDay {
63
- cursor: not-allowed;
64
-
65
- &[data-hidden-hover='false'] {
66
- cursor: pointer;
67
-
68
- &:hover {
69
- background-color: #03287E;
70
- border-radius: 100%;
71
- color: #FFFFFF;
72
- }
73
- }
74
-
75
- &[data-checked='true'] {
76
- background-color: #03287E;
77
- color: #FFFFFF;
78
- border-radius: 100%;
79
- }
80
- }
81
- }
82
- }
83
-
84
- .DBui-inputDateRowMonthYearSelected {
85
- cursor: pointer;
86
- text-align: center;
87
- }
88
-
89
- .DBui-inputDateRowMonthYearOption {
90
- cursor: pointer;
91
- padding: 0.5em 1em;
92
-
93
- &:hover {
94
- background-color: #03287E;
95
- color: #FFFFFF;
96
- }
97
-
98
- &[data-checked='true'] {
99
- background-color: #03287E;
100
- color: #FFFFFF;
101
- }
102
- }
@@ -1,11 +0,0 @@
1
- export type PropsInputDate = {
2
- name: string;
3
- label?: string;
4
- placeholder?: string;
5
- disabled?: boolean;
6
- require?: boolean;
7
- fullWidth?: boolean;
8
- isHideClearIcon?: boolean;
9
- minYear?: number;
10
- maxYear?: number;
11
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputDateRange } from './index.type';
4
- declare const InputDateRange: React.FC<PropsInputDateRange>;
5
- export default InputDateRange;