@ctlyst.id/internal-ui 1.0.4-canary.3 → 1.0.4-canary.4
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/datepicker/components/datepicker-month/datepicker-month.d.ts +2 -0
- package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts +2 -0
- package/dist/internal-ui.cjs.development.js +18 -9
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +4 -7
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +18 -9
- package/dist/internal-ui.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/internal-ui.esm.js
CHANGED
|
@@ -1202,6 +1202,8 @@ const DatePickerMonth = ({
|
|
|
1202
1202
|
onChange,
|
|
1203
1203
|
min,
|
|
1204
1204
|
max,
|
|
1205
|
+
widthEmpty,
|
|
1206
|
+
widthFilled,
|
|
1205
1207
|
...props
|
|
1206
1208
|
}) => {
|
|
1207
1209
|
const [date, setDate] = React__default.useState(null);
|
|
@@ -1214,14 +1216,11 @@ const DatePickerMonth = ({
|
|
|
1214
1216
|
display: none;
|
|
1215
1217
|
-webkit-appearance: none;
|
|
1216
1218
|
}
|
|
1217
|
-
input[value=''] {
|
|
1218
|
-
width: 58px;
|
|
1219
|
-
}
|
|
1220
1219
|
`
|
|
1221
1220
|
}, /*#__PURE__*/React__default.createElement(Input$1, {
|
|
1222
1221
|
"data-test-id": props['data-test-id'],
|
|
1223
1222
|
type: "date",
|
|
1224
|
-
width: date ?
|
|
1223
|
+
width: date ? widthFilled : widthEmpty,
|
|
1225
1224
|
onChange: e => {
|
|
1226
1225
|
onChange(e.target.value);
|
|
1227
1226
|
setDate(e.target.value);
|
|
@@ -1246,7 +1245,9 @@ const DatePickerMonth = ({
|
|
|
1246
1245
|
}));
|
|
1247
1246
|
};
|
|
1248
1247
|
DatePickerMonth.defaultProps = {
|
|
1249
|
-
'data-test-id': ''
|
|
1248
|
+
'data-test-id': '',
|
|
1249
|
+
widthEmpty: '58px',
|
|
1250
|
+
widthFilled: '51px'
|
|
1250
1251
|
};
|
|
1251
1252
|
|
|
1252
1253
|
const transparent = 'transparent';
|
|
@@ -1656,7 +1657,9 @@ const MultiDatePickerMonth = ({
|
|
|
1656
1657
|
onChange,
|
|
1657
1658
|
isError = false,
|
|
1658
1659
|
min = '2020-01-01',
|
|
1659
|
-
max = '2020-12-31'
|
|
1660
|
+
max = '2020-12-31',
|
|
1661
|
+
widthEmpty,
|
|
1662
|
+
widthFilled
|
|
1660
1663
|
}) => {
|
|
1661
1664
|
const [date, setDate] = React__default.useState([null, null]);
|
|
1662
1665
|
return /*#__PURE__*/React__default.createElement(MultiDateWrapper, {
|
|
@@ -1668,7 +1671,9 @@ const MultiDatePickerMonth = ({
|
|
|
1668
1671
|
setDate([val, date[1]]);
|
|
1669
1672
|
},
|
|
1670
1673
|
min: min,
|
|
1671
|
-
max: max
|
|
1674
|
+
max: max,
|
|
1675
|
+
widthEmpty: widthEmpty,
|
|
1676
|
+
widthFilled: widthFilled
|
|
1672
1677
|
}), /*#__PURE__*/React__default.createElement(Box, null, "-"), /*#__PURE__*/React__default.createElement(DatePickerMonth, {
|
|
1673
1678
|
"data-test-id": "CT_DatePickerMonth_EndDate",
|
|
1674
1679
|
onChange: val => {
|
|
@@ -1676,13 +1681,17 @@ const MultiDatePickerMonth = ({
|
|
|
1676
1681
|
setDate([date[0], val]);
|
|
1677
1682
|
},
|
|
1678
1683
|
min: min,
|
|
1679
|
-
max: max
|
|
1684
|
+
max: max,
|
|
1685
|
+
widthEmpty: widthEmpty,
|
|
1686
|
+
widthFilled: widthFilled
|
|
1680
1687
|
}));
|
|
1681
1688
|
};
|
|
1682
1689
|
MultiDatePickerMonth.defaultProps = {
|
|
1683
1690
|
min: '2020-01-01',
|
|
1684
1691
|
max: '2020-12-31',
|
|
1685
|
-
isError: false
|
|
1692
|
+
isError: false,
|
|
1693
|
+
widthEmpty: '58px',
|
|
1694
|
+
widthFilled: '51px'
|
|
1686
1695
|
};
|
|
1687
1696
|
|
|
1688
1697
|
/* eslint-disable no-nested-ternary */
|