@acusti/date-picker 0.8.0 → 0.9.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/README.md +3 -3
- package/dist/DatePicker.d.ts +4 -4
- package/dist/DatePicker.js +4 -4
- package/dist/DatePicker.js.flow +20 -20
- package/dist/DatePicker.js.map +1 -1
- package/dist/MonthCalendar.d.ts +3 -3
- package/dist/MonthCalendar.js +2 -2
- package/dist/MonthCalendar.js.flow +10 -10
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/index.js.flow +3 -3
- package/dist/index.js.map +1 -1
- package/dist/utils.js.flow +4 -7
- package/dist/utils.test.js +1 -1
- package/package.json +6 -6
- package/src/DatePicker.tsx +4 -4
- package/src/MonthCalendar.tsx +4 -4
package/README.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
# @acusti/date-picker
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@acusti/date-picker)
|
|
4
|
-
[](https://bundlephobia.com/package/@acusti/date-picker)
|
|
5
4
|
[](https://www.npmjs.com/package/@acusti/date-picker)
|
|
6
|
-
[](https://bundlejs.com/?q=%40acusti%2Fdate-picker)
|
|
6
|
+
[](https://socket.dev/npm/package/@acusti/date-picker/overview/0.8.0)
|
|
7
7
|
|
|
8
8
|
A group of React components and utils for rendering a date picker with
|
|
9
9
|
support for ranges via a two-up month calendar view.
|
|
@@ -11,7 +11,7 @@ support for ranges via a two-up month calendar view.
|
|
|
11
11
|
See the [storybook docs and demo][] to get a feel for what it can do.
|
|
12
12
|
|
|
13
13
|
[storybook docs and demo]:
|
|
14
|
-
https://
|
|
14
|
+
https://uikit.acusti.ca/?path=/docs/uikit-controls-datepicker-datepicker--docs
|
|
15
15
|
|
|
16
16
|
## Usage
|
|
17
17
|
|
package/dist/DatePicker.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type Props = {
|
|
3
3
|
className?: string;
|
|
4
|
-
dateEnd?: Date |
|
|
5
|
-
dateStart?: Date |
|
|
4
|
+
dateEnd?: Date | number | string;
|
|
5
|
+
dateStart?: Date | number | string;
|
|
6
6
|
initialMonth?: number;
|
|
7
7
|
isRange?: boolean;
|
|
8
8
|
isTwoUp?: boolean;
|
|
9
9
|
monthLimitFirst?: number;
|
|
10
10
|
monthLimitLast?: number;
|
|
11
11
|
onChange: (payload: {
|
|
12
|
-
dateEnd?:
|
|
12
|
+
dateEnd?: null | string;
|
|
13
13
|
dateStart: string;
|
|
14
14
|
}) => void;
|
|
15
15
|
/**
|
|
@@ -20,4 +20,4 @@ export type Props = {
|
|
|
20
20
|
showEndInitially?: boolean;
|
|
21
21
|
useMonthAbbreviations?: boolean;
|
|
22
22
|
};
|
|
23
|
-
export default function DatePicker({ className, dateEnd: _dateEnd, dateStart: _dateStart, isRange, isTwoUp,
|
|
23
|
+
export default function DatePicker({ className, dateEnd: _dateEnd, dateStart: _dateStart, initialMonth, isRange, isTwoUp, monthLimitFirst, monthLimitLast, onChange, showEndInitially, useMonthAbbreviations, }: Props): React.JSX.Element;
|
package/dist/DatePicker.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import { Style } from '@acusti/styling';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import MonthCalendar from './MonthCalendar.
|
|
6
|
-
import { ROOT_CLASS_NAME, STYLES } from './styles/date-picker.
|
|
7
|
-
import { getMonthAbbreviationFromMonth, getMonthFromDate, getYearFromMonth, } from './utils.
|
|
5
|
+
import MonthCalendar from './MonthCalendar.tsx';
|
|
6
|
+
import { ROOT_CLASS_NAME, STYLES } from './styles/date-picker.ts';
|
|
7
|
+
import { getMonthAbbreviationFromMonth, getMonthFromDate, getYearFromMonth, } from './utils.ts';
|
|
8
8
|
const { Fragment, useCallback, useEffect, useRef, useState } = React;
|
|
9
9
|
const getAbbreviatedMonthTitle = (month) => `${getMonthAbbreviationFromMonth(month)} ${getYearFromMonth(month)}`;
|
|
10
|
-
export default function DatePicker({ className, dateEnd: _dateEnd, dateStart: _dateStart, isRange = _dateEnd != null, isTwoUp,
|
|
10
|
+
export default function DatePicker({ className, dateEnd: _dateEnd, dateStart: _dateStart, initialMonth, isRange = _dateEnd != null, isTwoUp, monthLimitFirst, monthLimitLast, onChange, showEndInitially, useMonthAbbreviations, }) {
|
|
11
11
|
const dateEndFromProps = _dateEnd != null && typeof _dateEnd !== 'string'
|
|
12
12
|
? new Date(_dateEnd).toISOString()
|
|
13
13
|
: _dateEnd;
|
package/dist/DatePicker.js.flow
CHANGED
|
@@ -5,27 +5,27 @@
|
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import * as React from
|
|
8
|
+
import * as React from 'react';
|
|
9
9
|
export type Props = {|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
className?: string,
|
|
11
|
+
dateEnd?: Date | number | string,
|
|
12
|
+
dateStart?: Date | number | string,
|
|
13
|
+
initialMonth?: number,
|
|
14
|
+
isRange?: boolean,
|
|
15
|
+
isTwoUp?: boolean,
|
|
16
|
+
monthLimitFirst?: number,
|
|
17
|
+
monthLimitLast?: number,
|
|
18
|
+
onChange: (payload: {|
|
|
19
|
+
dateEnd?: null | string,
|
|
20
|
+
dateStart: string,
|
|
21
|
+
|}) => void,
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Boolean to specify that date picker should initially render with the
|
|
25
|
+
* end date’s month visible. The default behavior is to initially render
|
|
26
|
+
* with the start date’s month visible.
|
|
27
|
+
*/
|
|
28
|
+
showEndInitially?: boolean,
|
|
29
|
+
useMonthAbbreviations?: boolean,
|
|
30
30
|
|};
|
|
31
31
|
declare export default function DatePicker(x: Props): React.Node;
|
package/dist/DatePicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,aAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/dist/MonthCalendar.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type Props = {
|
|
3
3
|
className?: string;
|
|
4
|
-
dateEnd?: Date |
|
|
5
|
-
dateEndPreview?:
|
|
6
|
-
dateStart?: Date |
|
|
4
|
+
dateEnd?: Date | null | number | string;
|
|
5
|
+
dateEndPreview?: null | string;
|
|
6
|
+
dateStart?: Date | null | number | string;
|
|
7
7
|
isRange?: boolean;
|
|
8
8
|
month: number;
|
|
9
9
|
onChange?: (date: string) => void;
|
package/dist/MonthCalendar.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Style } from '@acusti/styling';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { ROOT_CLASS_NAME, STYLES } from './styles/month-calendar.
|
|
5
|
-
import { getDateFromMonthAndDay, getLastDateFromMonth, getMonthFromDate, getMonthNameFromMonth, getYearFromMonth, } from './utils.
|
|
4
|
+
import { ROOT_CLASS_NAME, STYLES } from './styles/month-calendar.ts';
|
|
5
|
+
import { getDateFromMonthAndDay, getLastDateFromMonth, getMonthFromDate, getMonthNameFromMonth, getYearFromMonth, } from './utils.ts';
|
|
6
6
|
const { Fragment, useCallback } = React;
|
|
7
7
|
const DAYS = Array(7).fill(null);
|
|
8
8
|
export default function MonthCalendar({ className, dateEnd, dateEndPreview, dateStart, isRange, month, onChange, onChangeEndPreview, title, }) {
|
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import * as React from
|
|
8
|
+
import * as React from 'react';
|
|
9
9
|
export type Props = {|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
10
|
+
className?: string,
|
|
11
|
+
dateEnd?: Date | null | number | string,
|
|
12
|
+
dateEndPreview?: null | string,
|
|
13
|
+
dateStart?: Date | null | number | string,
|
|
14
|
+
isRange?: boolean,
|
|
15
|
+
month: number,
|
|
16
|
+
onChange?: (date: string) => void,
|
|
17
|
+
onChangeEndPreview?: (date: string) => void,
|
|
18
|
+
title?: string,
|
|
19
19
|
|};
|
|
20
20
|
declare export default function MonthCalendar(x: Props): React.Node;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as DatePicker } from './DatePicker.
|
|
2
|
-
export { default as MonthCalendar } from './MonthCalendar.
|
|
3
|
-
export * from './utils.
|
|
1
|
+
export { default as DatePicker } from './DatePicker.tsx';
|
|
2
|
+
export { default as MonthCalendar } from './MonthCalendar.tsx';
|
|
3
|
+
export * from './utils.ts';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as DatePicker } from './DatePicker.
|
|
2
|
-
export { default as MonthCalendar } from './MonthCalendar.
|
|
3
|
-
export * from './utils.
|
|
1
|
+
export { default as DatePicker } from './DatePicker.tsx';
|
|
2
|
+
export { default as MonthCalendar } from './MonthCalendar.tsx';
|
|
3
|
+
export * from './utils.ts';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.flow
CHANGED
|
@@ -5,6 +5,6 @@
|
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
declare export { default as DatePicker } from
|
|
9
|
-
declare export { default as MonthCalendar } from
|
|
10
|
-
declare export * from
|
|
8
|
+
declare export { default as DatePicker } from './DatePicker.js';
|
|
9
|
+
declare export { default as MonthCalendar } from './MonthCalendar.js';
|
|
10
|
+
declare export * from './utils.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,cAAc,YAAY,CAAC"}
|
package/dist/utils.js.flow
CHANGED
|
@@ -10,11 +10,8 @@ declare export var getYearFromMonth: (month: number) => number;
|
|
|
10
10
|
declare export var getMonthNameFromMonth: (month: number) => string;
|
|
11
11
|
declare export var getMonthAbbreviationFromMonth: (month: number) => string;
|
|
12
12
|
declare export var getDateFromMonthAndDay: (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
) => Date;
|
|
17
|
-
declare export var getLastDateFromMonth: (
|
|
18
|
-
month: number,
|
|
19
|
-
asUTC?: boolean
|
|
13
|
+
month: number,
|
|
14
|
+
day: number,
|
|
15
|
+
asUTC?: boolean,
|
|
20
16
|
) => Date;
|
|
17
|
+
declare export var getLastDateFromMonth: (month: number, asUTC?: boolean) => Date;
|
package/dist/utils.test.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import { getDateFromMonthAndDay, getLastDateFromMonth, getMonthFromDate, getMonthNameFromMonth, getYearFromMonth, } from './utils.
|
|
2
|
+
import { getDateFromMonthAndDay, getLastDateFromMonth, getMonthFromDate, getMonthNameFromMonth, getYearFromMonth, } from './utils.ts';
|
|
3
3
|
const INVALID_DATE = new Date('');
|
|
4
4
|
describe('@acusti/date-picker', () => {
|
|
5
5
|
describe('utils', () => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acusti/date-picker",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"exports": "./dist/index.js",
|
|
@@ -45,15 +45,15 @@
|
|
|
45
45
|
"@testing-library/dom": "^10.4.0",
|
|
46
46
|
"@testing-library/react": "^16.1.0",
|
|
47
47
|
"@testing-library/user-event": "^14.5.2",
|
|
48
|
-
"@types/react": "^19.0.
|
|
49
|
-
"happy-dom": "^
|
|
48
|
+
"@types/react": "^19.0.7",
|
|
49
|
+
"happy-dom": "^17.4.4",
|
|
50
50
|
"react": "^19.0.0",
|
|
51
51
|
"react-dom": "^19.0.0",
|
|
52
|
-
"typescript": "5.
|
|
53
|
-
"vitest": "^
|
|
52
|
+
"typescript": "5.7.3",
|
|
53
|
+
"vitest": "^3"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@acusti/styling": "^1",
|
|
56
|
+
"@acusti/styling": "^0.7.2 || ^1.0.1",
|
|
57
57
|
"clsx": "^2"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
package/src/DatePicker.tsx
CHANGED
|
@@ -13,14 +13,14 @@ import {
|
|
|
13
13
|
|
|
14
14
|
export type Props = {
|
|
15
15
|
className?: string;
|
|
16
|
-
dateEnd?: Date |
|
|
17
|
-
dateStart?: Date |
|
|
16
|
+
dateEnd?: Date | number | string;
|
|
17
|
+
dateStart?: Date | number | string;
|
|
18
18
|
initialMonth?: number;
|
|
19
19
|
isRange?: boolean;
|
|
20
20
|
isTwoUp?: boolean;
|
|
21
21
|
monthLimitFirst?: number;
|
|
22
22
|
monthLimitLast?: number;
|
|
23
|
-
onChange: (payload: { dateEnd?:
|
|
23
|
+
onChange: (payload: { dateEnd?: null | string; dateStart: string }) => void;
|
|
24
24
|
/**
|
|
25
25
|
* Boolean to specify that date picker should initially render with the
|
|
26
26
|
* end date’s month visible. The default behavior is to initially render
|
|
@@ -39,9 +39,9 @@ export default function DatePicker({
|
|
|
39
39
|
className,
|
|
40
40
|
dateEnd: _dateEnd,
|
|
41
41
|
dateStart: _dateStart,
|
|
42
|
+
initialMonth,
|
|
42
43
|
isRange = _dateEnd != null,
|
|
43
44
|
isTwoUp,
|
|
44
|
-
initialMonth,
|
|
45
45
|
monthLimitFirst,
|
|
46
46
|
monthLimitLast,
|
|
47
47
|
onChange,
|
package/src/MonthCalendar.tsx
CHANGED
|
@@ -13,9 +13,9 @@ import {
|
|
|
13
13
|
|
|
14
14
|
export type Props = {
|
|
15
15
|
className?: string;
|
|
16
|
-
dateEnd?: Date |
|
|
17
|
-
dateEndPreview?:
|
|
18
|
-
dateStart?: Date |
|
|
16
|
+
dateEnd?: Date | null | number | string;
|
|
17
|
+
dateEndPreview?: null | string;
|
|
18
|
+
dateStart?: Date | null | number | string;
|
|
19
19
|
isRange?: boolean;
|
|
20
20
|
month: number; // a unique numerical value representing the number of months since jan 1970
|
|
21
21
|
onChange?: (date: string) => void;
|
|
@@ -23,7 +23,7 @@ export type Props = {
|
|
|
23
23
|
title?: string;
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
type DateRangeDays = [
|
|
26
|
+
type DateRangeDays = [null | number, null | number, null | number];
|
|
27
27
|
|
|
28
28
|
const { Fragment, useCallback } = React;
|
|
29
29
|
|