@bolttech/atoms-date-input 0.2.3 → 0.3.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 (6) hide show
  1. package/README.md +86 -4
  2. package/index.cjs.js +61 -193
  3. package/package.json +5 -5
  4. package/src/lib/date-input.stories.d.ts +12 -0
  5. package/src/lib/date-input.styles.d.ts +268 -269
  6. package/src/lib/date-input.type.d.ts +5 -5
package/README.md CHANGED
@@ -1,7 +1,89 @@
1
- # date-input
1
+ # DateInput Component
2
2
 
3
- This library was generated with [Nx](https://nx.dev).
3
+ A split date input component with optional calendar (datepicker). It renders three numeric fields (`DD`, `MM`, `YYYY`) and **emits a single controlled value** in the `YYYY-MM-DD` format.
4
4
 
5
- ## Running unit tests
5
+ > Important: `onChange` will emit an **empty string** (`''`) while the date is incomplete (missing day, month, or year). Once all parts are filled, it emits `YYYY-MM-DD`.
6
6
 
7
- Run `nx test date-input` to execute the unit tests via [Jest](https://jestjs.io).
7
+ ## Installation
8
+
9
+ Use the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component and its dependencies.
10
+
11
+ ```bash
12
+ npm install @bolttech/frontend-foundations @bolttech/atoms-date-input
13
+ ```
14
+
15
+ or
16
+
17
+ ```bash
18
+ yarn add @bolttech/frontend-foundations @bolttech/atoms-date-input
19
+ ```
20
+
21
+ ### Peer dependencies
22
+
23
+ This component relies on these peer dependencies (usually resolved by the monorepo / workspace):
24
+
25
+ - `@bolttech/ui-utils`
26
+ - `@bolttech/atoms-icon`
27
+ - `@bolttech/molecules-calendar`
28
+
29
+ ## Props
30
+
31
+ The `DateInput` component accepts the following properties:
32
+
33
+ | Prop | Type | Description |
34
+ | -------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------ |
35
+ | id | `string` | The `id` prefix used to generate internal element ids. |
36
+ | dataTestId | `string` | The `data-testid` prefix for testing. |
37
+ | variant | `string` | The variant of the component (default is `'grey'`). |
38
+ | label | `string` | A label to describe the input. |
39
+ | required | `boolean` | Whether the inputs are required or not. |
40
+ | disabled | `boolean` | Whether the component is disabled or not (also prevents opening the datepicker). |
41
+ | value | `string` | The controlled value of the date in `YYYY-MM-DD` format. |
42
+ | min | `unknown` | Minimum date (passed to `Calendar`). |
43
+ | max | `unknown` | Maximum date (passed to `Calendar`). |
44
+ | locale | `string` | Locale (passed to `Calendar`). |
45
+ | cancel | `string` | Cancel button label (passed to `Calendar`). |
46
+ | confirm | `string` | Confirm button label (passed to `Calendar`). |
47
+ | showDatepicker | `boolean` | Shows the calendar icon and enables the datepicker. |
48
+ | errorMessage | `string` | An error message to be displayed. |
49
+ | onChange | `(evt: React.ChangeEvent<HTMLInputElement>) => void` | Called on changes. Emits `evt.target.value` as `YYYY-MM-DD` or `''` when incomplete. |
50
+ | onBlur | `(value: string) => void` | Called on blur with a `YYYY-MM-DD` string (note: not a FocusEvent). |
51
+
52
+ ## Usage
53
+
54
+ ```tsx
55
+ import React, { useState } from 'react';
56
+ import { DateInput } from '@bolttech/atoms-date-input';
57
+ import { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';
58
+
59
+ const ExampleComponent = () => {
60
+ const [dateValue, setDateValue] = useState('');
61
+
62
+ const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
63
+ /**
64
+ * While the date is incomplete, e.target.value === ''
65
+ * Once day+month+year are filled, e.target.value === 'YYYY-MM-DD'
66
+ */
67
+ setDateValue(e.target.value);
68
+ };
69
+
70
+ const handleBlur = (value: string) => {
71
+ // value is a string, e.g. '2026-02-26'
72
+ console.log('blur:', value);
73
+ };
74
+
75
+ return (
76
+ <BolttechThemeProvider theme={bolttechTheme}>
77
+ <DateInput id="date-input-id" dataTestId="custom-date-input" label="Date of Birth" variant="grey" value={dateValue} onChange={handleChange} onBlur={handleBlur} showDatepicker={true} required={true} />
78
+ </BolttechThemeProvider>
79
+ );
80
+ };
81
+
82
+ export default ExampleComponent;
83
+ ```
84
+
85
+ ## Contributing
86
+
87
+ Contributions are welcome! For any bug fixes, improvements, or new features, please open an [issue](link-to-issues) or submit a pull request.
88
+
89
+ Please make sure to follow the code standards and test your changes before submitting.
package/index.cjs.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  var jsxRuntime = require('react/jsx-runtime');
@@ -8,6 +9,10 @@ var reactDom = require('react-dom');
8
9
  var moleculesCalendar = require('@bolttech/molecules-calendar');
9
10
  var atomsIcon = require('@bolttech/atoms-icon');
10
11
 
12
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
+
14
+ var styled__default = /*#__PURE__*/_interopDefault(styled);
15
+
11
16
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
12
17
 
13
18
  var fails$b = function (exec) {
@@ -1630,52 +1635,21 @@ for (var COLLECTION_NAME in DOMIterables) {
1630
1635
 
1631
1636
  handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
1632
1637
 
1633
- let _ = t => t,
1634
- _t,
1635
- _t2,
1636
- _t3,
1637
- _t4,
1638
- _t5,
1639
- _t6,
1640
- _t7,
1641
- _t8,
1642
- _t9,
1643
- _t0,
1644
- _t1,
1645
- _t10,
1646
- _t11,
1647
- _t12,
1648
- _t13,
1649
- _t14,
1650
- _t15;
1651
- const Label = styled.label(_t || (_t = _`
1652
- ${0}
1653
- `), ({
1638
+ const Label = /*#__PURE__*/styled__default.default.label.withConfig({
1639
+ displayName: "date-inputstyles__Label",
1640
+ componentId: "sc-1v5bbzm-0"
1641
+ })(["", ""], ({
1654
1642
  $required,
1655
1643
  $variant
1656
- }) => $required && styled.css(_t2 || (_t2 = _`
1657
- &::after {
1658
- content: '*';
1659
- margin-left: ${0};
1660
- color: ${0};
1661
- }
1662
- `), ({
1644
+ }) => $required && styled.css(["&::after{content:'*';margin-left:", ";color:", ";}"], ({
1663
1645
  theme
1664
1646
  }) => theme.components.input.requiredGap, ({
1665
1647
  theme
1666
1648
  }) => theme.components.input[$variant].text.color.required.default));
1667
- const InputWrapper = styled.div(_t3 || (_t3 = _`
1668
- position: relative;
1669
- display: flex;
1670
- flex-direction: column;
1671
- font-weight: ${0};
1672
- line-height: ${0};
1673
- font-size: ${0};
1674
- letter-spacing: ${0};
1675
- color: ${0};
1676
-
1677
- ${0}
1678
- `), ({
1649
+ const InputWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
1650
+ displayName: "date-inputstyles__InputWrapper",
1651
+ componentId: "sc-1v5bbzm-1"
1652
+ })(["position:relative;display:flex;flex-direction:column;font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";color:", ";", ""], ({
1679
1653
  theme
1680
1654
  }) => theme.components.input.fieldLabel.fontWeight, ({
1681
1655
  theme
@@ -1689,48 +1663,15 @@ const InputWrapper = styled.div(_t3 || (_t3 = _`
1689
1663
  }) => theme.components.input[$variant].text.color.fieldLabel.default, ({
1690
1664
  disabled,
1691
1665
  $variant
1692
- }) => disabled && styled.css(_t4 || (_t4 = _`
1693
- pointer-events: none;
1694
- ${0}, ${0}::after, ${0}, ${0}::placeholder {
1695
- color: ${0};
1696
- }
1697
-
1698
- ${0} {
1699
- & label {
1700
- color: ${0};
1701
- }
1702
- }
1703
- `), Label, Label, Input, Input, ({
1666
+ }) => disabled && styled.css(["pointer-events:none;", ",", "::after,", ",", "::placeholder{color:", ";}", "{& label{color:", ";}}"], Label, Label, Input, Input, ({
1704
1667
  theme
1705
1668
  }) => theme.components.input[$variant].text.color.fieldLabel.disable, Icon, ({
1706
1669
  theme
1707
1670
  }) => theme.components.input[$variant].icon.color.disable));
1708
- const Container = styled.div(_t5 || (_t5 = _`
1709
- display: flex;
1710
- flex: 1;
1711
- align-items: center;
1712
- padding: ${0};
1713
- background-color: ${0};
1714
- margin-bottom: ${0};
1715
- border-radius: ${0};
1716
-
1717
- &:focus-within {
1718
- outline: ${0};
1719
-
1720
- ${0} {
1721
- color: ${0};
1722
- }
1723
- }
1724
-
1725
- ${0}
1726
-
1727
- ${0}
1728
-
1729
-
1730
- ${0}
1731
-
1732
- ${0}
1733
- `), ({
1671
+ const Container = /*#__PURE__*/styled__default.default.div.withConfig({
1672
+ displayName: "date-inputstyles__Container",
1673
+ componentId: "sc-1v5bbzm-2"
1674
+ })(["display:flex;flex:1;align-items:center;padding:", ";background-color:", ";margin-bottom:", ";border-radius:", ";&:focus-within{outline:", ";", "{color:", ";}}", " ", " ", " ", ""], ({
1734
1675
  theme
1735
1676
  }) => `${theme.components.input.paddingVertical} ${theme.components.input.paddingHorizontal}`, ({
1736
1677
  theme,
@@ -1749,49 +1690,31 @@ const Container = styled.div(_t5 || (_t5 = _`
1749
1690
  $variant
1750
1691
  }) => theme.components.input[$variant].text.color.fieldLabel.focus, ({
1751
1692
  $variant
1752
- }) => $variant === 'border' && styled.css(_t6 || (_t6 = _`
1753
- background-color: ${0};
1754
- outline: ${0};
1755
- `), ({
1693
+ }) => $variant === 'border' && styled.css(["background-color:", ";outline:", ";"], ({
1756
1694
  theme
1757
1695
  }) => theme.components.input[$variant].container.color.default, ({
1758
1696
  theme
1759
1697
  }) => `1px solid ${theme.components.input[$variant].container.border.default}`), ({
1760
1698
  $hasValue,
1761
1699
  $variant
1762
- }) => $hasValue && styled.css(_t7 || (_t7 = _`
1763
- ${0} {
1764
- color: ${0};
1765
- }
1766
- `), Label, ({
1700
+ }) => $hasValue && styled.css(["", "{color:", ";}"], Label, ({
1767
1701
  theme
1768
1702
  }) => theme.components.input[$variant].text.color.fieldLabel.filled), ({
1769
1703
  $hasError,
1770
1704
  $variant
1771
- }) => $hasError && styled.css(_t8 || (_t8 = _`
1772
- outline: ${0};
1773
- `), ({
1705
+ }) => $hasError && styled.css(["outline:", ";"], ({
1774
1706
  theme
1775
1707
  }) => `1px solid ${theme.components.input[$variant].container.border.error}`), ({
1776
1708
  $hasError,
1777
1709
  $hasValue,
1778
1710
  $variant
1779
- }) => $hasError && $hasValue && styled.css(_t9 || (_t9 = _`
1780
- ${0} {
1781
- color: ${0};
1782
- }
1783
- `), Label, ({
1711
+ }) => $hasError && $hasValue && styled.css(["", "{color:", ";}"], Label, ({
1784
1712
  theme
1785
1713
  }) => theme.components.input[$variant].text.color.fieldLabel.errorFilled));
1786
- const LeftContainer = styled.div(_t0 || (_t0 = _`
1787
- display: flex;
1788
- flex-direction: ${0};
1789
- flex: 1;
1790
- ${0}
1791
- gap: ${0};
1792
-
1793
- ${0}
1794
- `), ({
1714
+ const LeftContainer = /*#__PURE__*/styled__default.default.div.withConfig({
1715
+ displayName: "date-inputstyles__LeftContainer",
1716
+ componentId: "sc-1v5bbzm-3"
1717
+ })(["display:flex;flex-direction:", ";flex:1;", " gap:", ";", ""], ({
1795
1718
  $direction
1796
1719
  }) => $direction || 'column', ({
1797
1720
  $before
@@ -1827,39 +1750,10 @@ const LeftContainer = styled.div(_t0 || (_t0 = _`
1827
1750
  left: 79px;
1828
1751
  }
1829
1752
  `);
1830
- const Input = styled.input(_t1 || (_t1 = _`
1831
- border: none;
1832
- background-color: inherit;
1833
- opacity: 1;
1834
- width: ${0};
1835
- outline: unset;
1836
- padding: 0;
1837
- font-weight: ${0};
1838
- line-height: ${0};
1839
- font-size: ${0};
1840
- letter-spacing: ${0};
1841
-
1842
- &::placeholder {
1843
- color: ${0};
1844
- }
1845
-
1846
- &:-webkit-autofill,
1847
- &:-webkit-autofill:focus {
1848
- transition: background-color 600000s 0s, color 600000s 0s;
1849
- }
1850
-
1851
- /* Chrome, Safari, Edge, Opera */
1852
- &::-webkit-outer-spin-button,
1853
- &::-webkit-inner-spin-button {
1854
- -webkit-appearance: none;
1855
- margin: 0;
1856
- }
1857
-
1858
- /* Firefox */
1859
- &[type='number'] {
1860
- -moz-appearance: textfield;
1861
- }
1862
- `), ({
1753
+ const Input = /*#__PURE__*/styled__default.default.input.withConfig({
1754
+ displayName: "date-inputstyles__Input",
1755
+ componentId: "sc-1v5bbzm-4"
1756
+ })(["border:none;background-color:inherit;opacity:1;width:", ";outline:unset;padding:0;font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";&::placeholder{color:", ";}&:-webkit-autofill,&:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"], ({
1863
1757
  $width
1864
1758
  }) => $width || '100%', ({
1865
1759
  theme
@@ -1873,27 +1767,18 @@ const Input = styled.input(_t1 || (_t1 = _`
1873
1767
  theme,
1874
1768
  $variant
1875
1769
  }) => theme.components.input[$variant].text.color.inputPlaceholder.default);
1876
- const Icon = styled.div(_t10 || (_t10 = _`
1877
- display: flex;
1878
- margin: auto 0;
1879
- cursor: pointer;
1880
-
1881
- & label {
1882
- color: ${0};
1883
- }
1884
- `), ({
1770
+ const Icon = /*#__PURE__*/styled__default.default.div.withConfig({
1771
+ displayName: "date-inputstyles__Icon",
1772
+ componentId: "sc-1v5bbzm-5"
1773
+ })(["display:flex;margin:auto 0;cursor:pointer;& label{color:", ";}"], ({
1885
1774
  theme,
1886
1775
  $hasError,
1887
1776
  $variant
1888
1777
  }) => $hasError ? theme.components.input[$variant].icon.color.error : theme.components.input[$variant].icon.color.default);
1889
- const Error = styled.span(_t11 || (_t11 = _`
1890
- color: ${0};
1891
- font-weight: ${0};
1892
- line-height: ${0};
1893
- font-size: ${0};
1894
- letter-spacing: ${0};
1895
- padding: 0 ${0};
1896
- `), ({
1778
+ const Error = /*#__PURE__*/styled__default.default.span.withConfig({
1779
+ displayName: "date-inputstyles__Error",
1780
+ componentId: "sc-1v5bbzm-6"
1781
+ })(["color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";padding:0 ", ";"], ({
1897
1782
  theme,
1898
1783
  $variant
1899
1784
  }) => theme.components.input[$variant].text.color.errorMessage.error, ({
@@ -1907,38 +1792,11 @@ const Error = styled.span(_t11 || (_t11 = _`
1907
1792
  }) => theme.components.input.error.letterSpacing, ({
1908
1793
  theme
1909
1794
  }) => theme.components.input.paddingHorizontal);
1910
- const OpenAnimation = styled.keyframes(_t12 || (_t12 = _`
1911
- 100% { opacity: 1; }
1912
- `));
1913
- styled.div(_t13 || (_t13 = _`
1914
- position: relative;
1915
-
1916
- ${0}
1917
- `), ({
1918
- disabled
1919
- }) => disabled && styled.css(_t14 || (_t14 = _`
1920
- pointer-events: none;
1921
- `)));
1922
- const CalendarContainer = styled.div(_t15 || (_t15 = _`
1923
- position: absolute;
1924
- z-index: 2;
1925
- left: 0;
1926
- animation-delay: 1ms;
1927
- animation-duration: 250ms;
1928
- animation-fill-mode: forwards;
1929
- animation-name: ${0};
1930
- animation-timing-function: ease-in-out;
1931
- opacity: 0;
1932
-
1933
- &.top {
1934
- transform: translateY(-100%);
1935
- top: -${0};
1936
- }
1937
-
1938
- &.bottom {
1939
- top: ${0};
1940
- }
1941
- `), OpenAnimation, ({
1795
+ const OpenAnimation = /*#__PURE__*/styled.keyframes(["100%{opacity:1;}"]);
1796
+ const CalendarContainer = /*#__PURE__*/styled__default.default.div.withConfig({
1797
+ displayName: "date-inputstyles__CalendarContainer",
1798
+ componentId: "sc-1v5bbzm-8"
1799
+ })(["position:absolute;z-index:2;left:0;animation-delay:1ms;animation-duration:250ms;animation-fill-mode:forwards;animation-name:", ";animation-timing-function:ease-in-out;opacity:0;&.top{transform:translateY(-100%);top:-", ";}&.bottom{top:", ";}"], OpenAnimation, ({
1942
1800
  theme
1943
1801
  }) => theme.components.input.borderWidth.default, ({
1944
1802
  theme
@@ -1988,6 +1846,7 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
1988
1846
  if (day.current.length == 2) {
1989
1847
  handleNextInput('month');
1990
1848
  }
1849
+ forceUpdate();
1991
1850
  updateDate(e);
1992
1851
  };
1993
1852
  const handleMonthChange = e => {
@@ -1997,17 +1856,19 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
1997
1856
  if (month.current.length == 2) {
1998
1857
  handleNextInput('year');
1999
1858
  }
1859
+ forceUpdate();
2000
1860
  updateDate(e);
2001
1861
  };
2002
1862
  const handleYearChange = e => {
2003
1863
  const value = e.target.value;
2004
1864
  if (value.length > 4) return;
2005
1865
  year.current = value;
1866
+ forceUpdate();
2006
1867
  updateDate(e);
2007
1868
  };
2008
1869
  const handleBlur = _ => {
2009
1870
  if (!onBlur) return;
2010
- // @ts-ignore
1871
+ // @ts-expect-error - onBlur format string type
2011
1872
  onBlur(`${year.current}-${month.current}-${day.current}`);
2012
1873
  };
2013
1874
  const handleFocus = () => {
@@ -2089,7 +1950,8 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
2089
1950
  ref: dayInputRef,
2090
1951
  id: `${_id}-input-day`,
2091
1952
  "data-testid": `${_dataTestId}-input-day`,
2092
- type: "number",
1953
+ type: "text",
1954
+ inputMode: "numeric",
2093
1955
  pattern: "[0-9]*",
2094
1956
  disabled: disabled,
2095
1957
  value: day.current,
@@ -2100,11 +1962,13 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
2100
1962
  onChange: handleDayChange,
2101
1963
  onBlur: handleBlur,
2102
1964
  onFocus: handleFocus,
2103
- maxLength: 2
1965
+ maxLength: 2,
1966
+ max: 99
2104
1967
  }), jsxRuntime.jsx(Input, {
2105
1968
  id: `${_id}-input-month`,
2106
1969
  "data-testid": `${_dataTestId}-input-month`,
2107
- type: "number",
1970
+ type: "text",
1971
+ inputMode: "numeric",
2108
1972
  pattern: "[0-9]*",
2109
1973
  disabled: disabled,
2110
1974
  value: month.current,
@@ -2115,11 +1979,13 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
2115
1979
  onChange: handleMonthChange,
2116
1980
  onBlur: handleBlur,
2117
1981
  onFocus: handleFocus,
2118
- maxLength: 2
1982
+ maxLength: 2,
1983
+ max: 12
2119
1984
  }), jsxRuntime.jsx(Input, {
2120
1985
  id: `${_id}-input-year`,
2121
1986
  "data-testid": `${_dataTestId}-input-year`,
2122
- type: "number",
1987
+ type: "text",
1988
+ inputMode: "numeric",
2123
1989
  pattern: "[0-9]*",
2124
1990
  disabled: disabled,
2125
1991
  value: year.current,
@@ -2130,13 +1996,15 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
2130
1996
  onChange: handleYearChange,
2131
1997
  onBlur: handleBlur,
2132
1998
  onFocus: handleFocus,
2133
- maxLength: 4
1999
+ maxLength: 4,
2000
+ max: 9999
2134
2001
  })]
2135
2002
  })]
2136
2003
  }), showDatepicker && jsxRuntime.jsx(Icon, {
2137
2004
  id: `${_id}-icon`,
2138
2005
  "data-testid": `${_dataTestId}-button-icon`,
2139
2006
  onClick: onClickIcon,
2007
+ onMouseDown: e => e.preventDefault(),
2140
2008
  "$hasError": !!errorMessage,
2141
2009
  "$variant": _variant,
2142
2010
  children: jsxRuntime.jsx(atomsIcon.Icon, {
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@bolttech/atoms-date-input",
3
- "version": "0.2.3",
4
- "dependencies": {
5
- "@bolttech/atoms-input": "0.29.0",
6
- "@bolttech/molecules-calendar": "0.27.0",
7
- "@bolttech/ui-utils": "0.6.0"
3
+ "version": "0.3.0",
4
+ "peerDependencies": {
5
+ "@bolttech/ui-utils": "0.6.0",
6
+ "@bolttech/atoms-icon": "0.24.1",
7
+ "@bolttech/molecules-calendar": "0.27.0"
8
8
  },
9
9
  "main": "./index.cjs.js",
10
10
  "type": "commonjs",
package/src/lib/date-input.stories.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { DateInput } from './date-input';
3
+ declare const meta: Meta<typeof DateInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DateInput>;
6
+ export declare const Default: Story;
7
+ export declare const WithDatepicker: Story;
8
+ export declare const Prefilled: Story;
9
+ export declare const Required: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const WithError: Story;
12
+ export declare const WithMinMaxAndLocale: Story;
package/src/lib/date-input.styles.d.ts CHANGED
@@ -1,317 +1,316 @@
1
- import { InputVariants } from '@bolttech/atoms-input/src/lib/atoms-input.type';
2
1
  export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
3
2
  $required: boolean;
4
- $variant: InputVariants;
3
+ $variant: string;
5
4
  }>>;
6
5
  export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
6
  disabled: boolean;
8
- $variant: InputVariants;
7
+ $variant: string;
9
8
  }>>;
10
9
  export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
11
10
  $hasError: boolean;
12
11
  $hasValue: boolean;
13
- $variant: InputVariants;
12
+ $variant: string;
14
13
  }>>;
15
14
  export declare const LeftContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
16
15
  $direction?: string;
17
- $variant?: InputVariants;
16
+ $variant?: string;
18
17
  $before: boolean;
19
18
  }>>;
20
19
  export declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
21
- $variant: InputVariants;
20
+ $variant: string;
22
21
  $width?: string;
23
22
  }>>;
24
23
  export declare const Icon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
25
24
  $hasError: boolean;
26
- $variant: InputVariants;
25
+ $variant: string;
27
26
  }>>;
28
27
  export declare const Error: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
29
- $variant: InputVariants;
28
+ $variant: string;
30
29
  }>>;
31
30
  export declare const DatePickerContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
32
31
  disabled?: boolean;
33
32
  }>>;
34
33
  export declare const CalendarContainer: import("styled-components").IStyledComponent<"web", {
35
- ref?: import("react").Ref<HTMLDivElement>;
34
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
36
35
  key?: import("react").Key | null | undefined;
37
- defaultChecked?: boolean | undefined;
36
+ defaultChecked?: boolean | undefined | undefined;
38
37
  defaultValue?: string | number | readonly string[] | undefined;
39
- suppressContentEditableWarning?: boolean | undefined;
40
- suppressHydrationWarning?: boolean | undefined;
41
- accessKey?: string | undefined;
42
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
43
- autoFocus?: boolean | undefined;
44
- className?: string | undefined;
45
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
46
- contextMenu?: string | undefined;
47
- dir?: string | undefined;
38
+ suppressContentEditableWarning?: boolean | undefined | undefined;
39
+ suppressHydrationWarning?: boolean | undefined | undefined;
40
+ accessKey?: string | undefined | undefined;
41
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
42
+ autoFocus?: boolean | undefined | undefined;
43
+ className?: string | undefined | undefined;
44
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
45
+ contextMenu?: string | undefined | undefined;
46
+ dir?: string | undefined | undefined;
48
47
  draggable?: (boolean | "false" | "true") | undefined;
49
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
50
- hidden?: boolean | undefined;
51
- id?: string | undefined;
52
- lang?: string | undefined;
53
- nonce?: string | undefined;
54
- slot?: string | undefined;
48
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
49
+ hidden?: boolean | undefined | undefined;
50
+ id?: string | undefined | undefined;
51
+ lang?: string | undefined | undefined;
52
+ nonce?: string | undefined | undefined;
53
+ slot?: string | undefined | undefined;
55
54
  spellCheck?: (boolean | "false" | "true") | undefined;
56
55
  style?: import("react").CSSProperties | undefined;
57
- tabIndex?: number | undefined;
58
- title?: string | undefined;
59
- translate?: "yes" | "no" | undefined;
60
- radioGroup?: string | undefined;
56
+ tabIndex?: number | undefined | undefined;
57
+ title?: string | undefined | undefined;
58
+ translate?: "yes" | "no" | undefined | undefined;
59
+ radioGroup?: string | undefined | undefined;
61
60
  role?: import("react").AriaRole | undefined;
62
- about?: string | undefined;
63
- content?: string | undefined;
64
- datatype?: string | undefined;
61
+ about?: string | undefined | undefined;
62
+ content?: string | undefined | undefined;
63
+ datatype?: string | undefined | undefined;
65
64
  inlist?: any;
66
- prefix?: string | undefined;
67
- property?: string | undefined;
68
- rel?: string | undefined;
69
- resource?: string | undefined;
70
- rev?: string | undefined;
71
- typeof?: string | undefined;
72
- vocab?: string | undefined;
73
- autoCorrect?: string | undefined;
74
- autoSave?: string | undefined;
75
- color?: string | undefined;
76
- itemProp?: string | undefined;
77
- itemScope?: boolean | undefined;
78
- itemType?: string | undefined;
79
- itemID?: string | undefined;
80
- itemRef?: string | undefined;
81
- results?: number | undefined;
82
- security?: string | undefined;
83
- unselectable?: "on" | "off" | undefined;
84
- popover?: "" | "auto" | "manual" | undefined;
85
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
86
- popoverTarget?: string | undefined;
87
- inert?: boolean | undefined;
88
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
89
- is?: string | undefined;
90
- exportparts?: string | undefined;
91
- part?: string | undefined;
92
- "aria-activedescendant"?: string | undefined;
65
+ prefix?: string | undefined | undefined;
66
+ property?: string | undefined | undefined;
67
+ rel?: string | undefined | undefined;
68
+ resource?: string | undefined | undefined;
69
+ rev?: string | undefined | undefined;
70
+ typeof?: string | undefined | undefined;
71
+ vocab?: string | undefined | undefined;
72
+ autoCorrect?: string | undefined | undefined;
73
+ autoSave?: string | undefined | undefined;
74
+ color?: string | undefined | undefined;
75
+ itemProp?: string | undefined | undefined;
76
+ itemScope?: boolean | undefined | undefined;
77
+ itemType?: string | undefined | undefined;
78
+ itemID?: string | undefined | undefined;
79
+ itemRef?: string | undefined | undefined;
80
+ results?: number | undefined | undefined;
81
+ security?: string | undefined | undefined;
82
+ unselectable?: "on" | "off" | undefined | undefined;
83
+ popover?: "" | "auto" | "manual" | undefined | undefined;
84
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
85
+ popoverTarget?: string | undefined | undefined;
86
+ inert?: boolean | undefined | undefined;
87
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
88
+ is?: string | undefined | undefined;
89
+ exportparts?: string | undefined | undefined;
90
+ part?: string | undefined | undefined;
91
+ "aria-activedescendant"?: string | undefined | undefined;
93
92
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
94
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
95
- "aria-braillelabel"?: string | undefined;
96
- "aria-brailleroledescription"?: string | undefined;
93
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
94
+ "aria-braillelabel"?: string | undefined | undefined;
95
+ "aria-brailleroledescription"?: string | undefined | undefined;
97
96
  "aria-busy"?: (boolean | "false" | "true") | undefined;
98
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
99
- "aria-colcount"?: number | undefined;
100
- "aria-colindex"?: number | undefined;
101
- "aria-colindextext"?: string | undefined;
102
- "aria-colspan"?: number | undefined;
103
- "aria-controls"?: string | undefined;
104
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
105
- "aria-describedby"?: string | undefined;
106
- "aria-description"?: string | undefined;
107
- "aria-details"?: string | undefined;
97
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
98
+ "aria-colcount"?: number | undefined | undefined;
99
+ "aria-colindex"?: number | undefined | undefined;
100
+ "aria-colindextext"?: string | undefined | undefined;
101
+ "aria-colspan"?: number | undefined | undefined;
102
+ "aria-controls"?: string | undefined | undefined;
103
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
104
+ "aria-describedby"?: string | undefined | undefined;
105
+ "aria-description"?: string | undefined | undefined;
106
+ "aria-details"?: string | undefined | undefined;
108
107
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
109
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
110
- "aria-errormessage"?: string | undefined;
108
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
109
+ "aria-errormessage"?: string | undefined | undefined;
111
110
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
112
- "aria-flowto"?: string | undefined;
111
+ "aria-flowto"?: string | undefined | undefined;
113
112
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
114
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
113
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
115
114
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
116
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
117
- "aria-keyshortcuts"?: string | undefined;
118
- "aria-label"?: string | undefined;
119
- "aria-labelledby"?: string | undefined;
120
- "aria-level"?: number | undefined;
121
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
115
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
116
+ "aria-keyshortcuts"?: string | undefined | undefined;
117
+ "aria-label"?: string | undefined | undefined;
118
+ "aria-labelledby"?: string | undefined | undefined;
119
+ "aria-level"?: number | undefined | undefined;
120
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
122
121
  "aria-modal"?: (boolean | "false" | "true") | undefined;
123
122
  "aria-multiline"?: (boolean | "false" | "true") | undefined;
124
123
  "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
125
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
126
- "aria-owns"?: string | undefined;
127
- "aria-placeholder"?: string | undefined;
128
- "aria-posinset"?: number | undefined;
129
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
124
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
125
+ "aria-owns"?: string | undefined | undefined;
126
+ "aria-placeholder"?: string | undefined | undefined;
127
+ "aria-posinset"?: number | undefined | undefined;
128
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
130
129
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
131
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
130
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
132
131
  "aria-required"?: (boolean | "false" | "true") | undefined;
133
- "aria-roledescription"?: string | undefined;
134
- "aria-rowcount"?: number | undefined;
135
- "aria-rowindex"?: number | undefined;
136
- "aria-rowindextext"?: string | undefined;
137
- "aria-rowspan"?: number | undefined;
132
+ "aria-roledescription"?: string | undefined | undefined;
133
+ "aria-rowcount"?: number | undefined | undefined;
134
+ "aria-rowindex"?: number | undefined | undefined;
135
+ "aria-rowindextext"?: string | undefined | undefined;
136
+ "aria-rowspan"?: number | undefined | undefined;
138
137
  "aria-selected"?: (boolean | "false" | "true") | undefined;
139
- "aria-setsize"?: number | undefined;
140
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
141
- "aria-valuemax"?: number | undefined;
142
- "aria-valuemin"?: number | undefined;
143
- "aria-valuenow"?: number | undefined;
144
- "aria-valuetext"?: string | undefined;
145
- children?: import("react").ReactNode | undefined;
138
+ "aria-setsize"?: number | undefined | undefined;
139
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
140
+ "aria-valuemax"?: number | undefined | undefined;
141
+ "aria-valuemin"?: number | undefined | undefined;
142
+ "aria-valuenow"?: number | undefined | undefined;
143
+ "aria-valuetext"?: string | undefined | undefined;
144
+ children?: import("react").ReactNode;
146
145
  dangerouslySetInnerHTML?: {
147
146
  __html: string | TrustedHTML;
148
- } | undefined;
149
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
150
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
151
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
152
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
153
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
154
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
155
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
156
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
157
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
158
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
159
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
160
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
161
- onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
162
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
163
- onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
164
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
165
- onChange?: import("react").FormEventHandler<HTMLDivElement>;
166
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
167
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement>;
168
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
169
- onInput?: import("react").FormEventHandler<HTMLDivElement>;
170
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
171
- onReset?: import("react").FormEventHandler<HTMLDivElement>;
172
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
173
- onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
174
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
175
- onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
176
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
177
- onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
178
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
179
- onError?: import("react").ReactEventHandler<HTMLDivElement>;
180
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
181
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
182
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
183
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
184
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
185
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
186
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
187
- onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
188
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
189
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
190
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
191
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
192
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
193
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
194
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
195
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
196
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
197
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
198
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
199
- onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
200
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
201
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
202
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
203
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
204
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
205
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
206
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
207
- onPause?: import("react").ReactEventHandler<HTMLDivElement>;
208
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
209
- onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
210
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
211
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
212
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
213
- onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
214
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
215
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
216
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
217
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
218
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
219
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
220
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
221
- onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
222
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
223
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
224
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
225
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
226
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
227
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
228
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
229
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
230
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
231
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
232
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
233
- onClick?: import("react").MouseEventHandler<HTMLDivElement>;
234
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
235
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
236
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
237
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
238
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
239
- onDrag?: import("react").DragEventHandler<HTMLDivElement>;
240
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
241
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
242
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
243
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
244
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
245
- onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
246
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
247
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
248
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
249
- onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
250
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
251
- onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
252
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
253
- onDrop?: import("react").DragEventHandler<HTMLDivElement>;
254
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
255
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
256
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
257
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
258
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
259
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
260
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
261
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
262
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
263
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
264
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
265
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
266
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
267
- onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
268
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
269
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
270
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
271
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
272
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
273
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
274
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
275
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
276
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
277
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
278
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
279
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
280
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
281
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
282
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
283
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
284
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
285
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
286
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
287
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
288
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
289
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
290
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
291
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
292
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
293
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
294
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
295
- onScroll?: import("react").UIEventHandler<HTMLDivElement>;
296
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
297
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement>;
298
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement>;
299
- onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
300
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
301
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
302
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
303
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
304
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
305
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
306
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
307
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
308
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
309
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement>;
310
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
311
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
312
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
313
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement>;
314
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
315
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement>;
316
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
147
+ } | undefined | undefined;
148
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
149
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
150
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
151
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
152
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
153
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
154
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
155
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
156
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
157
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
158
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
159
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
160
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
161
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
162
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
163
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
164
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
165
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
166
+ onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
167
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
168
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
169
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
170
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
171
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
172
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
173
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
174
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
175
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
176
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
181
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
182
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
183
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
184
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
185
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
186
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
213
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
222
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
223
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
225
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
226
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
227
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
228
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
231
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
232
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
233
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
234
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
235
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
236
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
237
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
238
+ onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
239
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
240
+ onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
241
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
242
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
243
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
244
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
245
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
246
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
247
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
248
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
249
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
250
+ onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
251
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
252
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
253
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
254
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
255
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
256
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
257
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
258
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
259
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
260
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
261
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
262
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
263
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
264
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
265
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
266
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
267
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
268
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
269
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
270
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
271
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
272
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
273
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
274
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
275
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
276
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
277
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
278
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
279
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
280
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
281
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
282
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
283
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
284
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
285
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
286
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
287
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
288
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
289
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
290
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
291
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
292
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
293
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
294
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
295
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
296
+ onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
297
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
298
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
299
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
300
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
301
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
302
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
303
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
304
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
305
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
306
+ onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
307
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
308
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
309
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
310
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
311
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
312
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
313
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
314
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
315
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
317
316
  }>;
package/src/lib/date-input.type.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { InputProps } from '@bolttech/atoms-input';
2
- export type DateInputProps = InputProps & {
3
- max: Date;
4
- min: Date;
5
- value: string | undefined;
6
- locale: string;
2
+ export type DateInputProps = Omit<InputProps, 'max' | 'min' | 'value'> & {
3
+ max?: Date | string;
4
+ min?: Date | string;
5
+ value?: string | undefined;
6
+ locale?: string;
7
7
  showDatepicker?: boolean;
8
8
  cancel?: string;
9
9
  confirm?: string;