@synerise/ds-date-picker 1.4.1 → 1.4.3
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 +8 -0
- package/dist/DatePicker.const.js +6 -3
- package/dist/DatePicker.d.ts +2 -2
- package/dist/DatePicker.js +61 -101
- package/dist/DatePicker.styles.d.ts +4 -4
- package/dist/DatePicker.styles.js +17 -14
- package/dist/DatePicker.types.d.ts +6 -6
- package/dist/DatePicker.types.js +1 -1
- package/dist/Elements/DayPicker/DayPicker.d.ts +3 -3
- package/dist/Elements/DayPicker/DayPicker.js +60 -60
- package/dist/Elements/DayPicker/DayPicker.styles.d.ts +6 -6
- package/dist/Elements/DayPicker/DayPicker.styles.js +18 -75
- package/dist/Elements/DayPicker/DayPicker.types.d.ts +4 -4
- package/dist/Elements/DayPicker/DayPicker.types.js +1 -1
- package/dist/Elements/DecadePicker/DecadePicker.d.ts +2 -2
- package/dist/Elements/DecadePicker/DecadePicker.js +85 -71
- package/dist/Elements/DecadePicker/DecadePicker.types.js +1 -1
- package/dist/Elements/Footer/Footer.d.ts +3 -3
- package/dist/Elements/Footer/Footer.js +39 -55
- package/dist/Elements/Footer/Footer.styles.d.ts +4 -4
- package/dist/Elements/Footer/Footer.styles.js +13 -7
- package/dist/Elements/Footer/Footer.types.d.ts +2 -2
- package/dist/Elements/Footer/Footer.types.js +1 -1
- package/dist/Elements/GridPicker/GridPicker.d.ts +2 -2
- package/dist/Elements/GridPicker/GridPicker.js +36 -44
- package/dist/Elements/GridPicker/GridPicker.styles.d.ts +2 -2
- package/dist/Elements/GridPicker/GridPicker.styles.js +9 -19
- package/dist/Elements/GridPicker/GridPicker.types.d.ts +1 -1
- package/dist/Elements/GridPicker/GridPicker.types.js +1 -1
- package/dist/Elements/MonthPicker/MonthPicker.d.ts +3 -3
- package/dist/Elements/MonthPicker/MonthPicker.js +85 -85
- package/dist/Elements/MonthPicker/MonthPicker.types.d.ts +1 -1
- package/dist/Elements/MonthPicker/MonthPicker.types.js +1 -1
- package/dist/Elements/Navbar/Navbar.d.ts +2 -2
- package/dist/Elements/Navbar/Navbar.js +31 -69
- package/dist/Elements/Navbar/Navbar.styles.d.ts +6 -6
- package/dist/Elements/Navbar/Navbar.styles.js +19 -19
- package/dist/Elements/Navbar/Navbar.types.d.ts +1 -1
- package/dist/Elements/Navbar/Navbar.types.js +1 -1
- package/dist/Elements/PickerInput/PickerInput.d.ts +5 -5
- package/dist/Elements/PickerInput/PickerInput.js +56 -80
- package/dist/Elements/PickerInput/PickerInput.styles.d.ts +8 -8
- package/dist/Elements/PickerInput/PickerInput.styles.js +35 -40
- package/dist/Elements/PickerInput/PickerInput.types.d.ts +5 -5
- package/dist/Elements/PickerInput/PickerInput.types.js +1 -1
- package/dist/Elements/QuickPicks/QuickPicks.d.ts +2 -2
- package/dist/Elements/QuickPicks/QuickPicks.js +48 -29
- package/dist/Elements/QuickPicks/QuickPicks.styles.d.ts +1 -1
- package/dist/Elements/QuickPicks/QuickPicks.styles.js +6 -5
- package/dist/Elements/TimePicker/TimePicker.d.ts +2 -2
- package/dist/Elements/TimePicker/TimePicker.js +32 -47
- package/dist/Elements/TimePicker/TimePicker.styles.d.ts +1 -1
- package/dist/Elements/TimePicker/TimePicker.styles.js +6 -3
- package/dist/Elements/TimePicker/TimePicker.types.js +1 -1
- package/dist/Elements/YearPicker/YearPicker.d.ts +2 -2
- package/dist/Elements/YearPicker/YearPicker.js +90 -83
- package/dist/Elements/YearPicker/YearPicker.types.js +1 -1
- package/dist/RawDatePicker/RawDatePicker.d.ts +4 -4
- package/dist/RawDatePicker/RawDatePicker.js +202 -222
- package/dist/RawDatePicker/RawDatePicker.types.d.ts +1 -1
- package/dist/RawDatePicker/RawDatePicker.types.js +1 -1
- package/dist/fns.d.ts +22 -22
- package/dist/fns.js +46 -44
- package/dist/format.js +38 -17
- package/dist/index.js +15 -7
- package/dist/localeUtils.d.ts +1 -1
- package/dist/localeUtils.js +34 -52
- package/dist/modules.d.js +1 -1
- package/dist/modules.d.ts +0 -0
- package/dist/utils/getDefaultTexts.d.ts +2 -2
- package/dist/utils/getDefaultTexts.js +17 -24
- package/dist/utils.js +44 -19
- package/package.json +12 -12
package/dist/fns.js
CHANGED
|
@@ -1,44 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
export {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
1
|
+
import { default as default2 } from "date-fns/addDays";
|
|
2
|
+
import { default as default3 } from "date-fns/addMonths";
|
|
3
|
+
import { default as default4 } from "date-fns/addSeconds";
|
|
4
|
+
import { default as default5 } from "date-fns/addYears";
|
|
5
|
+
import { default as default6 } from "date-fns/differenceInSeconds";
|
|
6
|
+
import { default as default7 } from "date-fns/differenceInYears";
|
|
7
|
+
import { default as default8 } from "date-fns/endOfDay";
|
|
8
|
+
import { default as default9 } from "date-fns/endOfMonth";
|
|
9
|
+
import { default as default10 } from "date-fns/format";
|
|
10
|
+
import { default as default11 } from "date-fns/getSeconds";
|
|
11
|
+
import { default as default12 } from "date-fns/getYear";
|
|
12
|
+
import { default as default13 } from "date-fns/isAfter";
|
|
13
|
+
import { default as default14 } from "date-fns/isBefore";
|
|
14
|
+
import { default as default15 } from "date-fns/isEqual";
|
|
15
|
+
import { default as default16 } from "date-fns/isSameDay";
|
|
16
|
+
import { default as default17 } from "date-fns/isSameMonth";
|
|
17
|
+
import { default as default18 } from "date-fns/isSameYear";
|
|
18
|
+
import { default as default19 } from "date-fns/setDate";
|
|
19
|
+
import { default as default20 } from "date-fns/setMonth";
|
|
20
|
+
import { default as default21 } from "date-fns/setYear";
|
|
21
|
+
import { default as default22 } from "date-fns/startOfDay";
|
|
22
|
+
import { default as default23 } from "date-fns/startOfMonth";
|
|
23
|
+
export {
|
|
24
|
+
default2 as fnsAddDays,
|
|
25
|
+
default3 as fnsAddMonths,
|
|
26
|
+
default4 as fnsAddSeconds,
|
|
27
|
+
default5 as fnsAddYears,
|
|
28
|
+
default6 as fnsDifferenceInSeconds,
|
|
29
|
+
default7 as fnsDifferenceInYears,
|
|
30
|
+
default8 as fnsEndOfDay,
|
|
31
|
+
default9 as fnsEndOfMonth,
|
|
32
|
+
default10 as fnsFormat,
|
|
33
|
+
default11 as fnsGetSeconds,
|
|
34
|
+
default12 as fnsGetYear,
|
|
35
|
+
default13 as fnsIsAfter,
|
|
36
|
+
default14 as fnsIsBefore,
|
|
37
|
+
default15 as fnsIsEqual,
|
|
38
|
+
default16 as fnsIsSameDay,
|
|
39
|
+
default17 as fnsIsSameMonth,
|
|
40
|
+
default18 as fnsIsSameYear,
|
|
41
|
+
default19 as fnsSetDate,
|
|
42
|
+
default20 as fnsSetMonth,
|
|
43
|
+
default21 as fnsSetYear,
|
|
44
|
+
default22 as fnsStartOfDay,
|
|
45
|
+
default23 as fnsStartOfMonth
|
|
46
|
+
};
|
package/dist/format.js
CHANGED
|
@@ -1,24 +1,45 @@
|
|
|
1
|
-
import fnsIsValid from
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import fnsIsValid from "date-fns/isValid";
|
|
2
|
+
import { es, pl, enGB } from "date-fns/locale";
|
|
3
|
+
import "date-fns/addDays";
|
|
4
|
+
import "date-fns/addMonths";
|
|
5
|
+
import "date-fns/addSeconds";
|
|
6
|
+
import "date-fns/addYears";
|
|
7
|
+
import "date-fns/differenceInSeconds";
|
|
8
|
+
import "date-fns/differenceInYears";
|
|
9
|
+
import "date-fns/endOfDay";
|
|
10
|
+
import "date-fns/endOfMonth";
|
|
11
|
+
import fnsFormat$1 from "date-fns/format";
|
|
12
|
+
import "date-fns/getSeconds";
|
|
13
|
+
import "date-fns/getYear";
|
|
14
|
+
import "date-fns/isAfter";
|
|
15
|
+
import "date-fns/isBefore";
|
|
16
|
+
import "date-fns/isEqual";
|
|
17
|
+
import "date-fns/isSameDay";
|
|
18
|
+
import "date-fns/isSameMonth";
|
|
19
|
+
import "date-fns/isSameYear";
|
|
20
|
+
import "date-fns/setDate";
|
|
21
|
+
import "date-fns/setMonth";
|
|
22
|
+
import "date-fns/setYear";
|
|
23
|
+
import "date-fns/startOfDay";
|
|
24
|
+
import "date-fns/startOfMonth";
|
|
25
|
+
const locales = {
|
|
26
|
+
en: enGB,
|
|
27
|
+
pl,
|
|
28
|
+
es
|
|
8
29
|
};
|
|
9
|
-
|
|
30
|
+
const isLocaleKey = (key) => {
|
|
10
31
|
return Object.prototype.hasOwnProperty.call(locales, key);
|
|
11
32
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (locale === void 0) {
|
|
15
|
-
locale = defaultLocale;
|
|
16
|
-
}
|
|
33
|
+
const defaultLocale = "en";
|
|
34
|
+
function fnsFormat(date, formatStr, locale = defaultLocale) {
|
|
17
35
|
if (!fnsIsValid(date)) {
|
|
18
|
-
return
|
|
36
|
+
return "";
|
|
19
37
|
}
|
|
20
|
-
|
|
21
|
-
return fnsFormat(date, formatStr, {
|
|
38
|
+
const localeKey = locale.substring(0, 2);
|
|
39
|
+
return fnsFormat$1(date, formatStr, {
|
|
22
40
|
locale: isLocaleKey(localeKey) ? locales[localeKey] : locales[defaultLocale]
|
|
23
41
|
});
|
|
24
|
-
}
|
|
42
|
+
}
|
|
43
|
+
export {
|
|
44
|
+
fnsFormat as default
|
|
45
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export {
|
|
1
|
+
import { default as default2, default as default3 } from "./DatePicker.js";
|
|
2
|
+
import { default as default4 } from "./RawDatePicker/RawDatePicker.js";
|
|
3
|
+
import { default as default5 } from "./Elements/MonthPicker/MonthPicker.js";
|
|
4
|
+
import { default as default6 } from "./Elements/YearPicker/YearPicker.js";
|
|
5
|
+
import { default as default7 } from "./Elements/DayPicker/DayPicker.js";
|
|
6
|
+
import { default as default8 } from "./Elements/TimePicker/TimePicker.js";
|
|
7
|
+
export {
|
|
8
|
+
default2 as DatePicker,
|
|
9
|
+
default7 as DayPicker,
|
|
10
|
+
default5 as MonthPicker,
|
|
11
|
+
default4 as RawDatePicker,
|
|
12
|
+
default8 as TimePicker,
|
|
13
|
+
default6 as YearPicker,
|
|
14
|
+
default3 as default
|
|
15
|
+
};
|
package/dist/localeUtils.d.ts
CHANGED
package/dist/localeUtils.js
CHANGED
|
@@ -1,68 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
pl: ['Niedziela', 'PoniedziaĹek', 'Wtorek', 'Ĺroda', 'Czwartek', 'PiÄ
tek', 'obota']
|
|
1
|
+
import MomentLocaleUtils from "react-day-picker/moment";
|
|
2
|
+
const LOCALES = ["en", "pl"];
|
|
3
|
+
const WEEKDAYS_LONG = {
|
|
4
|
+
en: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
5
|
+
pl: ["Niedziela", "PoniedziaĹek", "Wtorek", "Ĺroda", "Czwartek", "PiÄ
tek", "obota"]
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
en: [
|
|
10
|
-
pl: [
|
|
7
|
+
const WEEKDAYS_SHORT = {
|
|
8
|
+
en: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
|
|
9
|
+
pl: ["Nd", "Pn", "Wt", "Śr", "Cz", "Pt", "Sb"]
|
|
11
10
|
};
|
|
12
|
-
|
|
13
|
-
en: [
|
|
14
|
-
pl: [
|
|
11
|
+
const MONTHS = {
|
|
12
|
+
en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
|
13
|
+
pl: ["Sty", "Lut", "Mar", "Kwi", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru"]
|
|
15
14
|
};
|
|
16
|
-
|
|
15
|
+
const FIRST_DAY = {
|
|
17
16
|
en: 0,
|
|
18
17
|
pl: 1
|
|
19
18
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
const DEFAULT_LOCALE = "en";
|
|
20
|
+
const DEFAULT_FORMAT = "MMM DD, YYYY";
|
|
21
|
+
const isValidLocale = (locale) => {
|
|
23
22
|
return LOCALES.includes(locale);
|
|
24
23
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
function formatDay(d, _format, locale) {
|
|
29
|
-
if (_format === void 0) {
|
|
30
|
-
_format = DEFAULT_FORMAT;
|
|
31
|
-
}
|
|
32
|
-
if (locale === void 0) {
|
|
33
|
-
locale = DEFAULT_LOCALE;
|
|
34
|
-
}
|
|
35
|
-
return WEEKDAYS_LONG[getValidLocale(locale)][d.getDay()] + ", " + d.getDate() + " " + MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
|
|
24
|
+
const getValidLocale = (locale) => isValidLocale(locale) ? locale : DEFAULT_LOCALE;
|
|
25
|
+
function formatDay(d, _format = DEFAULT_FORMAT, locale = DEFAULT_LOCALE) {
|
|
26
|
+
return `${WEEKDAYS_LONG[getValidLocale(locale)][d.getDay()]}, ${d.getDate()} ${MONTHS[getValidLocale(locale)][d.getMonth()]} ${d.getFullYear()}`;
|
|
36
27
|
}
|
|
37
|
-
function formatMonthTitle(d, locale) {
|
|
38
|
-
|
|
39
|
-
locale = DEFAULT_LOCALE;
|
|
40
|
-
}
|
|
41
|
-
return MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
|
|
28
|
+
function formatMonthTitle(d, locale = DEFAULT_LOCALE) {
|
|
29
|
+
return `${MONTHS[getValidLocale(locale)][d.getMonth()]} ${d.getFullYear()}`;
|
|
42
30
|
}
|
|
43
|
-
function formatWeekdayShort(i, locale) {
|
|
44
|
-
if (locale === void 0) {
|
|
45
|
-
locale = DEFAULT_LOCALE;
|
|
46
|
-
}
|
|
31
|
+
function formatWeekdayShort(i, locale = DEFAULT_LOCALE) {
|
|
47
32
|
return WEEKDAYS_SHORT[getValidLocale(locale)][i];
|
|
48
33
|
}
|
|
49
|
-
function formatWeekdayLong(weekday, locale) {
|
|
50
|
-
if (locale === void 0) {
|
|
51
|
-
locale = DEFAULT_LOCALE;
|
|
52
|
-
}
|
|
34
|
+
function formatWeekdayLong(weekday, locale = DEFAULT_LOCALE) {
|
|
53
35
|
return WEEKDAYS_SHORT[getValidLocale(locale)][weekday];
|
|
54
36
|
}
|
|
55
|
-
function getFirstDayOfWeek(locale) {
|
|
56
|
-
if (locale === void 0) {
|
|
57
|
-
locale = DEFAULT_LOCALE;
|
|
58
|
-
}
|
|
37
|
+
function getFirstDayOfWeek(locale = DEFAULT_LOCALE) {
|
|
59
38
|
return FIRST_DAY[getValidLocale(locale)];
|
|
60
39
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
40
|
+
const localeUtils = {
|
|
41
|
+
...MomentLocaleUtils,
|
|
42
|
+
formatDay,
|
|
43
|
+
formatMonthTitle,
|
|
44
|
+
formatWeekdayShort,
|
|
45
|
+
formatWeekdayLong,
|
|
46
|
+
getFirstDayOfWeek
|
|
47
|
+
};
|
|
48
|
+
export {
|
|
49
|
+
localeUtils as default
|
|
50
|
+
};
|
package/dist/modules.d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@testing-library/jest-dom";
|
|
File without changes
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { IntlShape } from 'react-intl';
|
|
2
|
+
import { Texts } from '../DatePicker.types';
|
|
3
3
|
export declare const getDefaultTexts: (intl: IntlShape, texts?: Partial<Texts>) => Texts;
|
|
@@ -1,27 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
defaultMessage: "Apply"
|
|
9
|
-
}),
|
|
10
|
-
now: /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
11
|
-
id: "DS.DATE-PICKER.NOW",
|
|
12
|
-
defaultMessage: "Now"
|
|
13
|
-
}),
|
|
14
|
-
quickPicks: /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
15
|
-
id: "DS.DATE-PICKER.QUICK-PICKS",
|
|
16
|
-
defaultMessage: "Quick picks"
|
|
17
|
-
}),
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FormattedMessage } from "react-intl";
|
|
3
|
+
const getDefaultTexts = (intl, texts) => {
|
|
4
|
+
const defaultTexts = {
|
|
5
|
+
apply: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.DATE-PICKER.APPLY", defaultMessage: "Apply" }),
|
|
6
|
+
now: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.DATE-PICKER.NOW", defaultMessage: "Now" }),
|
|
7
|
+
quickPicks: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.DATE-PICKER.QUICK-PICKS", defaultMessage: "Quick picks" }),
|
|
18
8
|
inputPlaceholder: intl.formatMessage({
|
|
19
|
-
id:
|
|
9
|
+
id: "DS.DATE-PICKER.SELECT-DATE"
|
|
20
10
|
}),
|
|
21
|
-
clearTooltip:
|
|
22
|
-
id: "DS.DATE-PICKER.CLEAR-TOOLTIP",
|
|
23
|
-
defaultMessage: "Clear"
|
|
24
|
-
})
|
|
11
|
+
clearTooltip: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.DATE-PICKER.CLEAR-TOOLTIP", defaultMessage: "Clear" })
|
|
25
12
|
};
|
|
26
|
-
return texts ?
|
|
27
|
-
|
|
13
|
+
return texts ? {
|
|
14
|
+
...defaultTexts,
|
|
15
|
+
...texts
|
|
16
|
+
} : defaultTexts;
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
getDefaultTexts
|
|
20
|
+
};
|
package/dist/utils.js
CHANGED
|
@@ -1,28 +1,53 @@
|
|
|
1
|
-
import { differenceInCalendarDays } from
|
|
2
|
-
import { legacyParse } from
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import { differenceInCalendarDays } from "date-fns";
|
|
2
|
+
import { legacyParse } from "@date-fns/upgrade/v2";
|
|
3
|
+
import "date-fns/addDays";
|
|
4
|
+
import "date-fns/addMonths";
|
|
5
|
+
import fnsAddSeconds from "date-fns/addSeconds";
|
|
6
|
+
import "date-fns/addYears";
|
|
7
|
+
import fnsDifferenceInSeconds from "date-fns/differenceInSeconds";
|
|
8
|
+
import "date-fns/differenceInYears";
|
|
9
|
+
import "date-fns/endOfDay";
|
|
10
|
+
import "date-fns/endOfMonth";
|
|
11
|
+
import "date-fns/format";
|
|
12
|
+
import "date-fns/getSeconds";
|
|
13
|
+
import fnsGetYear from "date-fns/getYear";
|
|
14
|
+
import "date-fns/isAfter";
|
|
15
|
+
import "date-fns/isBefore";
|
|
16
|
+
import "date-fns/isEqual";
|
|
17
|
+
import "date-fns/isSameDay";
|
|
18
|
+
import "date-fns/isSameMonth";
|
|
19
|
+
import "date-fns/isSameYear";
|
|
20
|
+
import "date-fns/setDate";
|
|
21
|
+
import "date-fns/setMonth";
|
|
22
|
+
import "date-fns/setYear";
|
|
23
|
+
import "date-fns/startOfDay";
|
|
24
|
+
import "date-fns/startOfMonth";
|
|
25
|
+
const range = (start, end) => {
|
|
5
26
|
if (end <= start) {
|
|
6
27
|
return [];
|
|
7
28
|
}
|
|
8
|
-
|
|
9
|
-
return [
|
|
10
|
-
return i + start;
|
|
11
|
-
});
|
|
29
|
+
const size = end - start;
|
|
30
|
+
return [...Array(size).keys()].map((i) => i + start);
|
|
12
31
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
32
|
+
function getDecadeRange(cursor) {
|
|
33
|
+
const startYear = Math.floor(fnsGetYear(cursor) / 10) * 10;
|
|
34
|
+
const endYear = startYear + 9;
|
|
16
35
|
return [startYear, endYear];
|
|
17
36
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
37
|
+
function getCenturyRange(cursor) {
|
|
38
|
+
const startYear = Math.floor(fnsGetYear(cursor) / 100) * 100;
|
|
39
|
+
const endYear = startYear + 99;
|
|
21
40
|
return [startYear, endYear];
|
|
22
41
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
42
|
+
function changeDayWithHoursPreserved(oldDate, chosenDate) {
|
|
43
|
+
const dayDifferenceInSeconds = differenceInCalendarDays(legacyParse(oldDate), legacyParse(chosenDate)) * 24 * 60 * 60;
|
|
44
|
+
const difference = fnsDifferenceInSeconds(oldDate, chosenDate) - dayDifferenceInSeconds;
|
|
45
|
+
const dateToBeUpdated = fnsAddSeconds(chosenDate, difference);
|
|
27
46
|
return dateToBeUpdated;
|
|
28
|
-
}
|
|
47
|
+
}
|
|
48
|
+
export {
|
|
49
|
+
changeDayWithHoursPreserved,
|
|
50
|
+
getCenturyRange,
|
|
51
|
+
getDecadeRange,
|
|
52
|
+
range
|
|
53
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-picker",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.3",
|
|
4
4
|
"description": "DatePicker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
19
|
-
"build": "
|
|
19
|
+
"build": "vite build",
|
|
20
20
|
"build:css": "node ../../../scripts/style/less.js",
|
|
21
21
|
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
|
-
"build:watch": "
|
|
22
|
+
"build:watch": "vite build --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@date-fns/upgrade": "^1.0.3",
|
|
39
|
-
"@synerise/ds-button": "^1.5.
|
|
40
|
-
"@synerise/ds-dropdown": "^1.3.
|
|
41
|
-
"@synerise/ds-icon": "^1.15.
|
|
42
|
-
"@synerise/ds-input": "^1.6.
|
|
43
|
-
"@synerise/ds-time-picker": "^1.2.
|
|
44
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
45
|
-
"@synerise/ds-typography": "^1.1.
|
|
46
|
-
"@synerise/ds-utils": "^1.7.
|
|
39
|
+
"@synerise/ds-button": "^1.5.19",
|
|
40
|
+
"@synerise/ds-dropdown": "^1.3.3",
|
|
41
|
+
"@synerise/ds-icon": "^1.15.2",
|
|
42
|
+
"@synerise/ds-input": "^1.6.11",
|
|
43
|
+
"@synerise/ds-time-picker": "^1.2.25",
|
|
44
|
+
"@synerise/ds-tooltip": "^1.4.11",
|
|
45
|
+
"@synerise/ds-typography": "^1.1.14",
|
|
46
|
+
"@synerise/ds-utils": "^1.7.1",
|
|
47
47
|
"classnames": "^2.5.1",
|
|
48
48
|
"date-fns": "2.16.1",
|
|
49
49
|
"lodash.range": "^3.2.0",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
62
62
|
"styled-components": "^5.3.3"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
|
|
65
65
|
}
|