@toptal/picasso 26.6.0 → 26.7.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/Calendar/Calendar.d.ts +4 -0
- package/Calendar/Calendar.js +5 -3
- package/Calendar/Calendar.js.map +1 -1
- package/Calendar/styles.d.ts +1 -1
- package/Calendar/styles.js +2 -13
- package/Calendar/styles.js.map +1 -1
- package/CalendarIndicators/CalendarIndicators.d.ts +10 -0
- package/CalendarIndicators/CalendarIndicators.js +23 -0
- package/CalendarIndicators/CalendarIndicators.js.map +1 -0
- package/CalendarIndicators/index.d.ts +1 -0
- package/CalendarIndicators/index.js +2 -0
- package/CalendarIndicators/index.js.map +1 -0
- package/CalendarIndicators/styles.d.ts +3 -0
- package/CalendarIndicators/styles.js +28 -0
- package/CalendarIndicators/styles.js.map +1 -0
- package/DatePicker/DatePicker.d.ts +7 -0
- package/DatePicker/DatePicker.js +3 -2
- package/DatePicker/DatePicker.js.map +1 -1
- package/DatePicker/styles.d.ts +2 -1
- package/DatePicker/styles.js +8 -1
- package/DatePicker/styles.js.map +1 -1
- package/package.json +1 -1
package/Calendar/Calendar.d.ts
CHANGED
|
@@ -17,6 +17,10 @@ export interface Props extends BaseProps, Omit<React.HTMLAttributes<HTMLDivEleme
|
|
|
17
17
|
start: Date;
|
|
18
18
|
end: Date;
|
|
19
19
|
}[];
|
|
20
|
+
indicatedIntervals?: {
|
|
21
|
+
start: Date;
|
|
22
|
+
end: Date;
|
|
23
|
+
}[];
|
|
20
24
|
weekStartsOn?: number;
|
|
21
25
|
renderMonthHeader?: (props: MonthHeaderProps) => JSX.Element | null;
|
|
22
26
|
renderRoot?: (props: CalendarProps) => JSX.Element;
|
package/Calendar/Calendar.js
CHANGED
|
@@ -18,6 +18,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
18
18
|
import styles from './styles';
|
|
19
19
|
import CalendarMonthHeader from '../CalendarMonthHeader';
|
|
20
20
|
import CalendarContainer from '../CalendarContainer';
|
|
21
|
+
import { CalendarIndicators } from '../CalendarIndicators';
|
|
21
22
|
const getNormalizedValue = (value) => {
|
|
22
23
|
if (!value) {
|
|
23
24
|
return;
|
|
@@ -34,7 +35,7 @@ const isDateRange = (value) => {
|
|
|
34
35
|
const useStyles = makeStyles(styles, { name: 'PicassoCalendar' });
|
|
35
36
|
export const Calendar = forwardRef(function Calendar(props, ref) {
|
|
36
37
|
const classes = useStyles();
|
|
37
|
-
const { range, activeMonth, value, onChange, minDate, maxDate, disabledIntervals, renderDay, weekStartsOn, renderRoot = rootProps => React.createElement(CalendarContainer, Object.assign({}, rootProps)), renderMonthHeader = CalendarMonthHeader } = props, rest = __rest(props, ["range", "activeMonth", "value", "onChange", "minDate", "maxDate", "disabledIntervals", "renderDay", "weekStartsOn", "renderRoot", "renderMonthHeader"]);
|
|
38
|
+
const { range, activeMonth, value, onChange, minDate, maxDate, disabledIntervals, indicatedIntervals, renderDay, weekStartsOn, renderRoot = rootProps => React.createElement(CalendarContainer, Object.assign({}, rootProps)), renderMonthHeader = CalendarMonthHeader } = props, rest = __rest(props, ["range", "activeMonth", "value", "onChange", "minDate", "maxDate", "disabledIntervals", "indicatedIntervals", "renderDay", "weekStartsOn", "renderRoot", "renderMonthHeader"]);
|
|
38
39
|
const handleChange = (selection) => {
|
|
39
40
|
if (isDateRange(selection)) {
|
|
40
41
|
const { start, end } = selection;
|
|
@@ -50,12 +51,13 @@ export const Calendar = forwardRef(function Calendar(props, ref) {
|
|
|
50
51
|
const defaultMarkup = (React.createElement("button", { "data-testid": `day-button-${isSelected ? 'selected' : getDayFormatted(date)}`, "data-simple-react-calendar-day": ISODate, key: key, tabIndex: isDisabled || !isSelectable ? -1 : undefined, className: cx(classes.day, {
|
|
51
52
|
[classes.selected]: isSelected,
|
|
52
53
|
[classes.selectable]: isSelectable,
|
|
53
|
-
[classes.today]: isToday,
|
|
54
54
|
[classes.grayed]: (isMonthPrev || isMonthNext) && !isSelected && !isDisabled,
|
|
55
55
|
[classes.disabled]: isDisabled || !isSelectable,
|
|
56
56
|
[classes.startSelection]: isSelectionStart,
|
|
57
57
|
[classes.endSelection]: isSelectionEnd,
|
|
58
|
-
}), onClick: handleOnClick, onMouseEnter: handleOnEnter, value: date.toString(), type: 'button' },
|
|
58
|
+
}), onClick: handleOnClick, onMouseEnter: handleOnEnter, value: date.toString(), type: 'button' },
|
|
59
|
+
getDayFormatted(date),
|
|
60
|
+
React.createElement(CalendarIndicators, { date: date, indicatedIntervals: indicatedIntervals, isSelected: isSelected, isToday: isToday })));
|
|
59
61
|
return renderDay
|
|
60
62
|
? renderDay(Object.assign(Object.assign({}, dayProps), { children: defaultMarkup }))
|
|
61
63
|
: defaultMarkup;
|
package/Calendar/Calendar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,6DAA6D;AAC7D,aAAa;AACb,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAW5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AACxD,OAAO,iBAAiB,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
package/Calendar/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "selected" | "actions" | "month" | "week" | "day" | "weekDays" | "weekDay" | "selectable" | "startSelection" | "endSelection" | "
|
|
2
|
+
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "selected" | "actions" | "month" | "week" | "day" | "weekDays" | "weekDay" | "selectable" | "startSelection" | "endSelection" | "grayed">;
|
|
3
3
|
export default _default;
|
package/Calendar/styles.js
CHANGED
|
@@ -12,6 +12,7 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
12
12
|
height: '2.5rem',
|
|
13
13
|
width: '2.5rem',
|
|
14
14
|
minWidth: '2.5rem',
|
|
15
|
+
minHeight: '2.5em',
|
|
15
16
|
verticalAlign: 'middle',
|
|
16
17
|
fontSize: '0.75rem',
|
|
17
18
|
userSelect: 'none',
|
|
@@ -25,6 +26,7 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
25
26
|
border: 'none',
|
|
26
27
|
outline: 0,
|
|
27
28
|
borderRadius: sizes.borderRadius.small,
|
|
29
|
+
flexDirection: 'column',
|
|
28
30
|
},
|
|
29
31
|
weekDays: {
|
|
30
32
|
display: 'flex',
|
|
@@ -70,19 +72,6 @@ export default ({ palette, sizes }) => createStyles({
|
|
|
70
72
|
backgroundColor: palette.common.white,
|
|
71
73
|
},
|
|
72
74
|
},
|
|
73
|
-
today: {
|
|
74
|
-
display: 'flex',
|
|
75
|
-
flexDirection: 'column',
|
|
76
|
-
'&:after': {
|
|
77
|
-
content: '""',
|
|
78
|
-
height: '0.25rem',
|
|
79
|
-
width: '0.25rem',
|
|
80
|
-
borderRadius: '50%',
|
|
81
|
-
background: palette.blue.main,
|
|
82
|
-
position: 'absolute',
|
|
83
|
-
bottom: '0.375rem',
|
|
84
|
-
},
|
|
85
|
-
},
|
|
86
75
|
grayed: {
|
|
87
76
|
color: palette.grey.main2,
|
|
88
77
|
},
|
package/Calendar/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAEnD,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,GAAG,EAAE;QACH,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,QAAQ;QAClB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAEnD,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,GAAG,EAAE;QACH,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,OAAO;QAClB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QACtC,aAAa,EAAE,QAAQ;KACxB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE,WAAW;QAC1B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QACzB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC;QACtB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC;KAC3B;IACD,OAAO,EAAE;QACP,SAAS,EAAE,KAAK;KACjB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,QAAQ;KACvB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,UAAU,EAAE;QACV,MAAM,EAAE,SAAS;QAEjB,kBAAkB,EAAE;YAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAChD;QAED,8CAA8C,EAAE;YAC9C,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACnC;KACF;IACD,cAAc,EAAE;QACd,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAClC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAE3B,eAAe,EAAE;YACf,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SACtC;KACF;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAClC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAE3B,eAAe,EAAE;YACf,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SACtC;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface Props {
|
|
2
|
+
indicatedIntervals?: {
|
|
3
|
+
start: Date;
|
|
4
|
+
end: Date;
|
|
5
|
+
}[];
|
|
6
|
+
date: Date;
|
|
7
|
+
isSelected: boolean;
|
|
8
|
+
isToday: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const CalendarIndicators: ({ date, indicatedIntervals, isSelected, isToday, }: Props) => JSX.Element | null;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
3
|
+
import cx from 'classnames';
|
|
4
|
+
import styles from './styles';
|
|
5
|
+
const useStyles = makeStyles(styles, {
|
|
6
|
+
name: 'PicassoCalendarIndicators',
|
|
7
|
+
});
|
|
8
|
+
export const CalendarIndicators = ({ date, indicatedIntervals, isSelected, isToday, }) => {
|
|
9
|
+
const classes = useStyles();
|
|
10
|
+
const isIndicated = useMemo(() => {
|
|
11
|
+
return (indicatedIntervals != null &&
|
|
12
|
+
indicatedIntervals.some(({ start, end }) => date >= start && date <= end));
|
|
13
|
+
}, [indicatedIntervals, date]);
|
|
14
|
+
if (isToday || indicatedIntervals) {
|
|
15
|
+
return (React.createElement("div", { className: classes.indicators },
|
|
16
|
+
isToday && (React.createElement("div", { className: cx(classes.today, {
|
|
17
|
+
[classes.selected]: isSelected,
|
|
18
|
+
}) })),
|
|
19
|
+
isIndicated && React.createElement("div", { className: classes.indicated })));
|
|
20
|
+
}
|
|
21
|
+
return null;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=CalendarIndicators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarIndicators.js","sourceRoot":"","sources":["../../src/CalendarIndicators/CalendarIndicators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,kBAAkB,EAClB,UAAU,EACV,OAAO,GACD,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,CACL,kBAAkB,IAAI,IAAI;YAC1B,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,CAC1E,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAA;IAE9B,IAAI,OAAO,IAAI,kBAAkB,EAAE;QACjC,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAC/B,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;oBAC3B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU;iBAC/B,CAAC,GACF,CACH;YACA,WAAW,IAAI,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CACjD,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CalendarIndicators';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CalendarIndicators/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
export default ({ palette }) => createStyles({
|
|
3
|
+
indicators: {
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'row',
|
|
6
|
+
justifyContent: 'space-around',
|
|
7
|
+
width: '1.3em',
|
|
8
|
+
position: 'absolute',
|
|
9
|
+
bottom: '0.375rem',
|
|
10
|
+
},
|
|
11
|
+
indicated: {
|
|
12
|
+
content: '""',
|
|
13
|
+
height: '0.25rem',
|
|
14
|
+
width: '0.25rem',
|
|
15
|
+
borderRadius: '50%',
|
|
16
|
+
background: palette.yellow.main,
|
|
17
|
+
},
|
|
18
|
+
today: {
|
|
19
|
+
height: '0.25rem',
|
|
20
|
+
width: '0.25rem',
|
|
21
|
+
borderRadius: '50%',
|
|
22
|
+
background: palette.blue.main,
|
|
23
|
+
},
|
|
24
|
+
selected: {
|
|
25
|
+
background: palette.common.white,
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/CalendarIndicators/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,UAAU;KACnB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;KAChC;IACD,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KAC9B;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACjC;CACF,CAAC,CAAA"}
|
|
@@ -56,6 +56,13 @@ export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect'
|
|
|
56
56
|
calendar?: string;
|
|
57
57
|
input?: string;
|
|
58
58
|
};
|
|
59
|
+
/** Adds a customized footer at the bottom of the calendar */
|
|
60
|
+
footer?: ReactNode;
|
|
61
|
+
/** Shows orange dot indicator in days between a date range */
|
|
62
|
+
indicatedIntervals?: {
|
|
63
|
+
start: Date;
|
|
64
|
+
end: Date;
|
|
65
|
+
}[];
|
|
59
66
|
}
|
|
60
67
|
export declare const DatePicker: {
|
|
61
68
|
(props: Props): JSX.Element;
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -30,7 +30,7 @@ const useStyles = makeStyles(styles, {
|
|
|
30
30
|
name: 'PicassoDatePicker',
|
|
31
31
|
});
|
|
32
32
|
export const DatePicker = (props) => {
|
|
33
|
-
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status, popperProps, disabled } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status", "popperProps", "disabled"]);
|
|
33
|
+
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status, popperProps, disabled, footer, indicatedIntervals } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status", "popperProps", "disabled", "footer", "indicatedIntervals"]);
|
|
34
34
|
const classes = useStyles();
|
|
35
35
|
usePropDeprecationWarning({
|
|
36
36
|
props,
|
|
@@ -193,7 +193,8 @@ export const DatePicker = (props) => {
|
|
|
193
193
|
React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
|
|
194
194
|
React.createElement(Input, Object.assign({}, inputProps, { status: error ? 'error' : status, disabled: disabled, ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
|
|
195
195
|
inputWrapperRef.current && (React.createElement(Popper, Object.assign({ placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef }, popperProps),
|
|
196
|
-
React.createElement(Calendar, { activeMonth: activeMonth, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.calendar, ref: calendarRef, range: range, value: calendarValue !== null && calendarValue !== void 0 ? calendarValue : undefined, minDate: normalizedMinDate, maxDate: normalizedMaxDate, disabledIntervals: disabledIntervals, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, weekStartsOn: weekStartsOn })
|
|
196
|
+
React.createElement(Calendar, { activeMonth: activeMonth, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.calendar, ref: calendarRef, range: range, value: calendarValue !== null && calendarValue !== void 0 ? calendarValue : undefined, minDate: normalizedMinDate, maxDate: normalizedMaxDate, disabledIntervals: disabledIntervals, indicatedIntervals: indicatedIntervals, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, weekStartsOn: weekStartsOn }),
|
|
197
|
+
footer && React.createElement("div", { className: classes.footer }, footer)))));
|
|
197
198
|
};
|
|
198
199
|
DatePicker.defaultProps = {
|
|
199
200
|
range: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,GACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAG7E,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/DatePicker/styles.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
2
|
+
declare const _default: ({ palette, shadows, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "footer" | "calendar">;
|
|
2
3
|
export default _default;
|
package/DatePicker/styles.js
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default () => createStyles({
|
|
2
|
+
export default ({ palette, shadows, sizes }) => createStyles({
|
|
3
3
|
calendar: {
|
|
4
4
|
outline: 'none',
|
|
5
5
|
},
|
|
6
|
+
footer: {
|
|
7
|
+
backgroundColor: palette.grey.lightest,
|
|
8
|
+
boxShadow: shadows[5],
|
|
9
|
+
borderRadius: `0 0 ${sizes.borderRadius.small} ${sizes.borderRadius.small}`,
|
|
10
|
+
padding: '0.625rem 1.187rem',
|
|
11
|
+
width: '20.5rem',
|
|
12
|
+
},
|
|
6
13
|
});
|
|
7
14
|
//# sourceMappingURL=styles.js.map
|
package/DatePicker/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/DatePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/DatePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CACpD,YAAY,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;QACtC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;QACrB,YAAY,EAAE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;QAC3E,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAA"}
|