venice-ui 2.0.27 → 2.0.29
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/dist/cjs/components/DatePicker/Calendar.js +1 -2
- package/dist/cjs/components/DatePicker/DatePiocker.styles.js +1 -2
- package/dist/esm/components/DatePicker/Calendar.js +1 -2
- package/dist/esm/components/DatePicker/DatePiocker.styles.js +1 -2
- package/dist/types/components/DatePicker/DatePiocker.styles.d.ts +4 -1
- package/package.json +1 -1
|
@@ -80,13 +80,12 @@ const Calendar = ({ value, top, left, size, handleClose, handleSelect, zIndex })
|
|
|
80
80
|
const setToday = () => {
|
|
81
81
|
setSellectedDate(new Date());
|
|
82
82
|
};
|
|
83
|
-
console.log(top);
|
|
84
83
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
85
84
|
react_1.default.createElement(DatePiocker_styles_1.CalendarWrapper, { top: top, left: left, size: size, zIndex: zIndex },
|
|
86
85
|
react_1.default.createElement(Aligment_1.Aligment, { direction: "row" },
|
|
87
86
|
react_1.default.createElement(CalendarHeader_1.CalendarHeader, { mode: calendarSettings.mode, date: calendarSettings.date, yearsScope: calendarSettings.yearsScope, handleChange: setPeriod, handleSelect: setMode }),
|
|
88
87
|
react_1.default.createElement(CalendarContent_1.CalendarContent, { date: calendarSettings.date, mode: calendarSettings.mode, handleChange: setNewDate, changeMode: setMode, yearsScope: calendarSettings.yearsScope }),
|
|
89
88
|
react_1.default.createElement(ButtonsFooter_1.ButtonsFooter, { handleClose: handleClose, handleConfirm: confirmDate, handleAdditional: setToday, labelClose: 'Zamknij', labelConfirm: 'Wybierz', labelAdditional: "Dzi\u015B", additionaNormalMode: true }))),
|
|
90
|
-
react_1.default.createElement(DatePiocker_styles_1.CalendarOverlay,
|
|
89
|
+
react_1.default.createElement(DatePiocker_styles_1.CalendarOverlay, { zIndex: zIndex })));
|
|
91
90
|
};
|
|
92
91
|
exports.Calendar = Calendar;
|
|
@@ -13,7 +13,7 @@ exports.CalendarOverlay = styled_components_1.default.div `
|
|
|
13
13
|
left: 0;
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 100vh;
|
|
16
|
-
z-index:
|
|
16
|
+
z-index: ${(p) => (p.zIndex ? p.zIndex - 1 : Theme_1.Theme.zIndex.dropdown - 1)};
|
|
17
17
|
`;
|
|
18
18
|
exports.DatePiockerElement = styled_components_1.default.div `
|
|
19
19
|
position: relative;
|
|
@@ -22,7 +22,6 @@ exports.DatePiockerElement = styled_components_1.default.div `
|
|
|
22
22
|
box-sizing: border-box;
|
|
23
23
|
width: 100%;
|
|
24
24
|
`;
|
|
25
|
-
// ToDo fix ma "top"!!!
|
|
26
25
|
exports.CalendarWrapper = styled_components_1.default.div `
|
|
27
26
|
box-sizing: border-box;
|
|
28
27
|
background-color: ${Theme_1.Theme.colors.white};
|
|
@@ -54,12 +54,11 @@ export const Calendar = ({ value, top, left, size, handleClose, handleSelect, zI
|
|
|
54
54
|
const setToday = () => {
|
|
55
55
|
setSellectedDate(new Date());
|
|
56
56
|
};
|
|
57
|
-
console.log(top);
|
|
58
57
|
return (React.createElement(React.Fragment, null,
|
|
59
58
|
React.createElement(CalendarWrapper, { top: top, left: left, size: size, zIndex: zIndex },
|
|
60
59
|
React.createElement(Aligment, { direction: "row" },
|
|
61
60
|
React.createElement(CalendarHeader, { mode: calendarSettings.mode, date: calendarSettings.date, yearsScope: calendarSettings.yearsScope, handleChange: setPeriod, handleSelect: setMode }),
|
|
62
61
|
React.createElement(CalendarContent, { date: calendarSettings.date, mode: calendarSettings.mode, handleChange: setNewDate, changeMode: setMode, yearsScope: calendarSettings.yearsScope }),
|
|
63
62
|
React.createElement(ButtonsFooter, { handleClose: handleClose, handleConfirm: confirmDate, handleAdditional: setToday, labelClose: 'Zamknij', labelConfirm: 'Wybierz', labelAdditional: "Dzi\u015B", additionaNormalMode: true }))),
|
|
64
|
-
React.createElement(CalendarOverlay,
|
|
63
|
+
React.createElement(CalendarOverlay, { zIndex: zIndex })));
|
|
65
64
|
};
|
|
@@ -7,7 +7,7 @@ export const CalendarOverlay = styled.div `
|
|
|
7
7
|
left: 0;
|
|
8
8
|
width: 100%;
|
|
9
9
|
height: 100vh;
|
|
10
|
-
z-index:
|
|
10
|
+
z-index: ${(p) => (p.zIndex ? p.zIndex - 1 : Theme.zIndex.dropdown - 1)};
|
|
11
11
|
`;
|
|
12
12
|
export const DatePiockerElement = styled.div `
|
|
13
13
|
position: relative;
|
|
@@ -16,7 +16,6 @@ export const DatePiockerElement = styled.div `
|
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
width: 100%;
|
|
18
18
|
`;
|
|
19
|
-
// ToDo fix ma "top"!!!
|
|
20
19
|
export const CalendarWrapper = styled.div `
|
|
21
20
|
box-sizing: border-box;
|
|
22
21
|
background-color: ${Theme.colors.white};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { InputSize } from 'types';
|
|
2
|
-
|
|
2
|
+
interface ICalendarOverlayProps {
|
|
3
|
+
zIndex?: number;
|
|
4
|
+
}
|
|
5
|
+
export declare const CalendarOverlay: import("styled-components").StyledComponent<"div", any, ICalendarOverlayProps, never>;
|
|
3
6
|
export declare const DatePiockerElement: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
7
|
interface ICalendarStyle {
|
|
5
8
|
size: InputSize;
|