@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.
@@ -4,6 +4,8 @@ export interface DatePickerMonthProps {
4
4
  'data-test-id'?: string;
5
5
  min: string;
6
6
  max: string;
7
+ widthEmpty?: string | number;
8
+ widthFilled?: string | number;
7
9
  }
8
10
  declare const DatePickerMonth: FC<DatePickerMonthProps>;
9
11
  export default DatePickerMonth;
@@ -4,6 +4,8 @@ export interface MultiDatePickerMonthProps {
4
4
  min?: string;
5
5
  max?: string;
6
6
  isError?: boolean;
7
+ widthEmpty?: string | number;
8
+ widthFilled?: string | number;
7
9
  }
8
10
  declare const MultiDatePickerMonth: FC<MultiDatePickerMonthProps>;
9
11
  export default MultiDatePickerMonth;
@@ -1208,6 +1208,8 @@ const DatePickerMonth = ({
1208
1208
  onChange,
1209
1209
  min,
1210
1210
  max,
1211
+ widthEmpty,
1212
+ widthFilled,
1211
1213
  ...props
1212
1214
  }) => {
1213
1215
  const [date, setDate] = React__default.useState(null);
@@ -1220,14 +1222,11 @@ const DatePickerMonth = ({
1220
1222
  display: none;
1221
1223
  -webkit-appearance: none;
1222
1224
  }
1223
- input[value=''] {
1224
- width: 58px;
1225
- }
1226
1225
  `
1227
1226
  }, /*#__PURE__*/React__default.createElement(react.Input, {
1228
1227
  "data-test-id": props['data-test-id'],
1229
1228
  type: "date",
1230
- width: date ? '51px' : '58px',
1229
+ width: date ? widthFilled : widthEmpty,
1231
1230
  onChange: e => {
1232
1231
  onChange(e.target.value);
1233
1232
  setDate(e.target.value);
@@ -1252,7 +1251,9 @@ const DatePickerMonth = ({
1252
1251
  }));
1253
1252
  };
1254
1253
  DatePickerMonth.defaultProps = {
1255
- 'data-test-id': ''
1254
+ 'data-test-id': '',
1255
+ widthEmpty: '58px',
1256
+ widthFilled: '51px'
1256
1257
  };
1257
1258
 
1258
1259
  const transparent = 'transparent';
@@ -1662,7 +1663,9 @@ const MultiDatePickerMonth = ({
1662
1663
  onChange,
1663
1664
  isError = false,
1664
1665
  min = '2020-01-01',
1665
- max = '2020-12-31'
1666
+ max = '2020-12-31',
1667
+ widthEmpty,
1668
+ widthFilled
1666
1669
  }) => {
1667
1670
  const [date, setDate] = React__default.useState([null, null]);
1668
1671
  return /*#__PURE__*/React__default.createElement(MultiDateWrapper, {
@@ -1674,7 +1677,9 @@ const MultiDatePickerMonth = ({
1674
1677
  setDate([val, date[1]]);
1675
1678
  },
1676
1679
  min: min,
1677
- max: max
1680
+ max: max,
1681
+ widthEmpty: widthEmpty,
1682
+ widthFilled: widthFilled
1678
1683
  }), /*#__PURE__*/React__default.createElement(react.Box, null, "-"), /*#__PURE__*/React__default.createElement(DatePickerMonth, {
1679
1684
  "data-test-id": "CT_DatePickerMonth_EndDate",
1680
1685
  onChange: val => {
@@ -1682,13 +1687,17 @@ const MultiDatePickerMonth = ({
1682
1687
  setDate([date[0], val]);
1683
1688
  },
1684
1689
  min: min,
1685
- max: max
1690
+ max: max,
1691
+ widthEmpty: widthEmpty,
1692
+ widthFilled: widthFilled
1686
1693
  }));
1687
1694
  };
1688
1695
  MultiDatePickerMonth.defaultProps = {
1689
1696
  min: '2020-01-01',
1690
1697
  max: '2020-12-31',
1691
- isError: false
1698
+ isError: false,
1699
+ widthEmpty: '58px',
1700
+ widthFilled: '51px'
1692
1701
  };
1693
1702
 
1694
1703
  /* eslint-disable no-nested-ternary */