@availity/mui-datepicker 1.0.18 → 1.1.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.
- package/CHANGELOG.md +16 -0
- package/package.json +2 -2
- package/src/lib/Datepicker.stories.tsx +21 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.1.0](https://github.com/Availity/element/compare/@availity/mui-datepicker@1.0.19...@availity/mui-datepicker@1.1.0) (2025-05-12)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-textfield` updated to version `1.0.19`
|
|
10
|
+
* `theme-provider` updated to version `1.0.19`
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* **mui-textfield:** new readonly and updated disabled styles ([093844f](https://github.com/Availity/element/commit/093844ff8811656acb701a95a280076a9f0cb030))
|
|
15
|
+
|
|
16
|
+
## [1.0.19](https://github.com/Availity/element/compare/@availity/mui-datepicker@1.0.18...@availity/mui-datepicker@1.0.19) (2025-05-05)
|
|
17
|
+
|
|
18
|
+
### Dependency Updates
|
|
19
|
+
|
|
20
|
+
* `theme-provider` updated to version `1.0.18`
|
|
5
21
|
## [1.0.18](https://github.com/Availity/element/compare/@availity/mui-datepicker@1.0.17...@availity/mui-datepicker@1.0.18) (2025-04-30)
|
|
6
22
|
|
|
7
23
|
### Dependency Updates
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-datepicker",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Availity MUI Datepicker Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@availity/mui-icon": "1.1.0",
|
|
44
|
-
"@availity/mui-textfield": "1.
|
|
44
|
+
"@availity/mui-textfield": "1.3.0",
|
|
45
45
|
"@mui/x-date-pickers": "^7.26.0",
|
|
46
46
|
"dayjs": "^1.11.13"
|
|
47
47
|
},
|
|
@@ -5,7 +5,7 @@ import Typography from '@mui/material/Typography';
|
|
|
5
5
|
import { MonthCalendar } from '@mui/x-date-pickers/MonthCalendar';
|
|
6
6
|
import { YearCalendar } from '@mui/x-date-pickers/YearCalendar';
|
|
7
7
|
import dayjs, { Dayjs } from 'dayjs';
|
|
8
|
-
import { Box, Grid } from '@availity/mui-layout';
|
|
8
|
+
import { Box, Grid, Stack } from '@availity/mui-layout';
|
|
9
9
|
import { Paper } from '@availity/mui-paper';
|
|
10
10
|
import { Datepicker, DatepickerProps } from './Datepicker';
|
|
11
11
|
import { DateCalendar } from './DateCalendar';
|
|
@@ -42,6 +42,26 @@ export const _Datepicker: StoryObj<typeof Datepicker> = {
|
|
|
42
42
|
},
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
+
export const _States: StoryObj<typeof Datepicker> = {
|
|
46
|
+
render: (args) => (
|
|
47
|
+
<Stack direction="row" spacing={1} sx={{ flexWrap: 'wrap' }}>
|
|
48
|
+
<Datepicker {...args} FieldProps={{...args.FieldProps, id: "default", label: "Default"}}/>
|
|
49
|
+
<Datepicker {...args} FieldProps={{...args.FieldProps, id: "focused", label: "Focused", focused: true}} />
|
|
50
|
+
<Datepicker {...args} FieldProps={{...args.FieldProps, id: "error", label: "Error", error: true}} />
|
|
51
|
+
<Datepicker {...args} FieldProps={{...args.FieldProps, id: "read-only", label: "Read Only"}} readOnly />
|
|
52
|
+
<Datepicker {...args} FieldProps={{...args.FieldProps, id: "disabled", label: "Disabled"}} disabled />
|
|
53
|
+
</Stack>
|
|
54
|
+
),
|
|
55
|
+
args: {
|
|
56
|
+
FieldProps: {
|
|
57
|
+
fullWidth: false,
|
|
58
|
+
helperText: 'Help text for the field',
|
|
59
|
+
helpTopicId: '1234',
|
|
60
|
+
label: 'Date',
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
|
|
45
65
|
type DateRangePickerProps = {
|
|
46
66
|
startDate: Dayjs | null;
|
|
47
67
|
endDate: Dayjs | null;
|