@pnp/spfx-controls-react 3.24.0 → 3.25.0-beta.2833018

package/lib/controls/calendar/hooks/useDayViewStyles.js

@@ -1,120 +1,119 @@
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-import { css } from "@emotion/css";
-import { tokens } from "@fluentui/react-components";
+import { css } from '@emotion/css';
+import { tokens } from '@fluentui/react-components';
 export var useDayViewStyles = function () {
     var styles = {
         container: css({
-            display: "flex",
-            flexDirection: "column",
-            width: "calc(100% - 40px)",
-            height: "100vh", // Make the container take the full viewport height
-            overflow: "hidden", // Prevent window scrolling
-            padding: "20px",
+            display: 'flex',
+            flexDirection: 'column',
+            width: 'calc(100% - 40px)',
+            height: '100vh', // Make the container take the full viewport height
+            overflow: 'hidden', // Prevent window scrolling
+            padding: '20px',
         }),
         header: css({
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: "16px",
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: '16px',
             borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
         }),
         dayGrid: css({
-            display: "grid",
-            gridTemplateColumns: "80px 1fr",
-            gridTemplateRows: "50px 40px repeat(48, 33px)", // Header row + Full-day row + 48 rows (2 per hour)
-            height: "calc(100vh - 100px)", // Full height minus header/footer areas
-            overflowY: "auto",
+            display: 'grid',
+            gridTemplateColumns: '80px 1fr',
+            gridTemplateRows: '50px 40px repeat(48, 33px)',
+            height: 'calc(100vh - 100px)',
+            overflowY: 'auto',
             border: "1px solid ".concat(tokens.colorNeutralStroke1),
-            maxHeight: "fit-content", // Limit the grid height to the viewport minus header/footer areas
-            scrollbarWidth: "thin", // Thin scrollbar for Firefox
-            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1), // Scrollbar colors for Firefox
-            "&::-webkit-scrollbar": {
-                width: "8px", // Width of the scrollbar
+            maxHeight: 'fit-content',
+            scrollbarWidth: 'thin',
+            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1),
+            '&::-webkit-scrollbar': {
+                width: '8px',
             },
-            "&::-webkit-scrollbar-track": {
-                background: tokens.colorNeutralBackground1, // Scrollbar track background
+            '&::-webkit-scrollbar-track': {
+                background: tokens.colorNeutralBackground1,
             },
-            "&::-webkit-scrollbar-thumb": {
-                background: tokens.colorBrandBackground, // Scrollbar thumb color (brand color)
-                borderRadius: "4px", // Rounded corners for the thumb
+            '&::-webkit-scrollbar-thumb': {
+                background: tokens.colorBrandBackground,
+                borderRadius: '4px',
             },
-            "&::-webkit-scrollbar-thumb:hover": {
-                background: tokens.colorBrandBackgroundHover, // Lighter color on hover
+            '&::-webkit-scrollbar-thumb:hover': {
+                background: tokens.colorBrandBackgroundHover,
             },
         }),
         blankHeader: css({
-            gridColumn: "1",
+            gridColumn: '1',
             backgroundColor: tokens.colorNeutralBackground3,
             borderBottom: "3px solid ".concat(tokens.colorNeutralStroke3),
             position: 'sticky',
-            top: 0, // Sticks to the top of the scrollable container
-            zIndex: 10, // Ensures it stays above the scrolling grid
+            top: 0,
+            zIndex: 10,
         }),
         timeColumn: css({
-            gridColumn: "1",
-            gridRow: "3 / span 49", // Spans the entire rows after the header and full-day row
-            display: "flex",
-            flexDirection: "column",
+            gridColumn: '1',
+            gridRow: '3 / span 49',
+            display: 'flex',
+            flexDirection: 'column',
             backgroundColor: tokens.colorNeutralBackground1,
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
         }),
         timeCell: css({
-            height: "100%", // Let the height be dictated by the grid row's size
-            maxHeight: "32px", // Limit the cell height
-            minHeight: "32px", // Ensure the cell has a minimum height
-            display: "flex",
-            alignItems: "center",
-            fontSize: "12px",
+            height: '100%',
+            maxHeight: '32px',
+            minHeight: '32px',
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: '12px',
             color: tokens.colorNeutralForeground3,
             borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
-            justifyContent: "center",
+            justifyContent: 'center',
         }),
         fullDayRow: css({
-            gridRow: "2", // Full-day events occupy the second row
-            display: "grid",
-            gridTemplateColumns: "80px 33px", // Time column + 7 day columns
-            gap: "0", // Ensure cells align properly
-            padding: "0", // Remove padding for proper alignment
+            gridRow: '2', // Full-day events occupy the second row
+            display: 'grid',
+            gridTemplateColumns: '80px 33px', // Time column + 7 day columns
+            gap: '0', // Ensure cells align properly
+            padding: '0', // Remove padding for proper alignment
             backgroundColor: tokens.colorNeutralBackground2,
             borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the row
         }),
         fullDayLabel: css({
-            gridColumn: "1", // Place in the first column
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            alignContent: "center",
+            gridColumn: '1', // Place in the first column
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignContent: 'center',
             color: tokens.colorBrandBackground,
-            padding: "5px",
+            padding: '5px',
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border for the label cell
             borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
         }),
         fullDayCell: css({
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border between day cells
-            display: "flex",
-            flexDirection: "row", // Arrange events horizontally
-            gap: "2px",
-            padding: "4px", // Ensure events have spacing within the cell
+            display: 'flex',
+            flexDirection: 'row', // Arrange events horizontally
+            gap: '2px',
+            padding: '4px', // Ensure events have spacing within the cell
             borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
-            overflow: "hidden", // Ensure events don’t overflow the cell
+            overflow: 'hidden', // Ensure events don’t overflow the cell
         }),
         fullDayEvent: css({
-            flex: "1 1 auto", // Allow events to share space equally
-            minWidth: "24px",
-            height: "24px",
-            padding: "4px 8px",
+            flex: '1 1 auto', // Allow events to share space equally
+            minWidth: '24px',
+            height: '24px',
+            padding: '4px 8px',
             backgroundColor: tokens.colorBrandBackground,
-            borderRadius: "4px",
-            overflow: "hidden",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            borderRadius: '4px',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
         }),
         dayHeaderCell: css({
-            textAlign: "center",
+            textAlign: 'center',
             backgroundColor: tokens.colorNeutralBackground2,
-            padding: "8px",
-            fontWeight: "bold",
+            padding: '8px',
+            fontWeight: 'bold',
             borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
             position: 'sticky',
             top: 0, // Sticks to the top of the scrollable container
@@ -124,54 +123,48 @@ export var useDayViewStyles = function () {
             borderTop: "5px solid ".concat(tokens.colorBrandBackground),
         }),
         eventCard: css({
-            alignItems: "center",
-            justifyContent: "center",
-            marginRight: "2px", // Spacing between events
-            zIndex: 1, // Ensure event appears above others
-            position: "absolute", // Position relative to the cell
-            alignContent: "center",
-            overflow: "hidden",
-            /* ':hover': {
-              pointerEvents: 'auto',
-              cursor: 'pointer',
-              opacity: 0.8,
-              color: tokens.colorNeutralForegroundOnBrand,
-            }, */
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
+            alignContent: 'center',
+            overflow: 'hidden',
         }),
         dayCell: css({
-            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1), // Cell borders
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
-            position: "relative", // Allow child events to be positioned absolutely
-            overflow: "visible", // Ensure events aren't clipped
-            FlexDirection: "column", // Ensure events are stacked vertically
-            gap: "4px",
+            position: 'relative',
+            overflow: 'visible',
+            flexDirection: 'column',
+            gap: '4px',
         }),
         currentTimeIndicator: css({
-            position: "absolute",
+            position: 'absolute',
             left: 0,
-            height: "2px",
+            height: '2px',
             backgroundColor: tokens.colorPaletteRedBorderActive,
-            width: "100%",
+            width: '100%',
             zIndex: 1,
         }),
         currentHalfHourCell: css({
-            border: "2px solid ".concat(tokens.colorPaletteRedBorderActive), // Highlight with a red border
+            border: "2px solid ".concat(tokens.colorPaletteRedBorderActive),
         }),
         eventTitle: css({
-            display: "-webkit-box",
-            "-webkit-line-clamp": "1",
-            "-webkit-box-orient": "vertical",
-            textAlign: "start",
-            textOverflow: "ellipsis",
-            paddingLeft: "8px",
-            wordBreak: "break-word",
-            overflow: "hidden",
+            display: '-webkit-box',
+            '-webkit-line-clamp': '1',
+            '-webkit-box-orient': 'vertical',
+            textAlign: 'start',
+            textOverflow: 'ellipsis',
+            paddingLeft: '8px',
+            wordBreak: 'break-word',
+            overflow: 'hidden',
         }),
     };
     var applyEventHouverColorClass = function (backgroundColor, houveColor) {
         return css({
             backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.colorBrandBackground,
-            ":hover": {
+            ':hover': {
                 backgroundColor: houveColor !== null && houveColor !== void 0 ? houveColor : tokens.colorBrandBackgroundHover,
             },
         });

package/lib/controls/calendar/hooks/useDayViewStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDayViewStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useDayViewStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDayViewStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useDayViewStyles.ts"],"names":[],"mappings":"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"}

package/lib/controls/calendar/hooks/useWeekViewStyles.js

@@ -7,8 +7,8 @@ export var useWeekViewStyles = function () {
             display: 'flex',
             flexDirection: 'column',
             width: 'calc(100% - 40px)',
-            height: '100vh', // Make the container take the full viewport height
-            overflow: 'hidden', // Prevent window scrolling
+            height: '100vh',
+            overflow: 'hidden',
             padding: '20px',
         }),
         header: css({
@@ -20,26 +20,26 @@ export var useWeekViewStyles = function () {
         }),
         weekGrid: css({
             display: 'grid',
-            gridTemplateColumns: '80px repeat(7, 1fr)', // Time column + 7 day columns
-            gridTemplateRows: '50px 40px repeat(48, 33px)', // Header row + Full-day row + 48 rows (2 per hour)
+            gridTemplateColumns: '80px repeat(7, 1fr)',
+            gridTemplateRows: '50px 40px repeat(48, 33px)',
             height: 'fit-content',
             overflowY: 'auto',
             border: "1px solid ".concat(tokens.colorNeutralStroke1),
-            maxHeight: 'calc(100vh - 100px)', // Limit the grid height to the viewport minus header/footer areas
-            scrollbarWidth: 'thin', // Thin scrollbar for Firefox
-            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1), // Scrollbar colors for Firefox
+            maxHeight: 'calc(100vh - 100px)',
+            scrollbarWidth: 'thin',
+            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1),
             '&::-webkit-scrollbar': {
-                width: '8px', // Width of the scrollbar
+                width: '8px',
             },
             '&::-webkit-scrollbar-track': {
-                background: tokens.colorNeutralBackground1, // Scrollbar track background
+                background: tokens.colorNeutralBackground1,
             },
             '&::-webkit-scrollbar-thumb': {
-                background: tokens.colorBrandBackground, // Scrollbar thumb color (brand color)
-                borderRadius: '4px', // Rounded corners for the thumb
+                background: tokens.colorBrandBackground,
+                borderRadius: '4px',
             },
             '&::-webkit-scrollbar-thumb:hover': {
-                background: tokens.colorBrandBackgroundHover, // Lighter color on hover
+                background: tokens.colorBrandBackgroundHover,
             },
         }),
         blankHeader: css({
@@ -47,19 +47,19 @@ export var useWeekViewStyles = function () {
             backgroundColor: tokens.colorNeutralBackground3,
             borderBottom: "3px solid ".concat(tokens.colorNeutralStroke3),
             position: 'sticky',
-            top: 0, // Sticks to the top of the scrollable container
-            zIndex: 10, // Ensures it stays above the scrolling grid
+            top: 0,
+            zIndex: 10,
         }),
         timeColumn: css({
             gridColumn: '1',
-            gridRow: '3 / span 49', // Spans the entire rows after the header and full-day row
+            gridRow: '3 / span 49',
             display: 'flex',
             flexDirection: 'column',
             backgroundColor: tokens.colorNeutralBackground1,
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
         }),
         timeCell: css({
-            height: '100%', // Let the height be dictated by the grid row's size
+            height: '100%',
             display: 'flex',
             alignItems: 'center',
             fontSize: '12px',
@@ -68,36 +68,36 @@ export var useWeekViewStyles = function () {
             justifyContent: 'center',
         }),
         fullDayRow: css({
-            gridRow: '2', // Full-day events occupy the second row
+            gridRow: '2',
             display: 'grid',
-            gridTemplateColumns: '80px repeat(7, 1fr)', // Time column + 7 day columns
-            gap: '0', // Ensure cells align properly
-            padding: '0', // Remove padding for proper alignment
+            gridTemplateColumns: '80px repeat(7, 1fr)',
+            gap: '0',
+            padding: '0',
             backgroundColor: tokens.colorNeutralBackground2,
-            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the row
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2),
         }),
         fullDayLabel: css({
-            gridColumn: '1', // Place in the first column
+            gridColumn: '1',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
             alignContent: 'center',
             color: tokens.colorBrandBackground,
             padding: '5px',
-            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border for the label cell
-            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2),
         }),
         fullDayCell: css({
-            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border between day cells
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
             display: 'flex',
-            flexDirection: 'row', // Arrange events horizontally
+            flexDirection: 'row',
             gap: '0px',
-            padding: '4px', // Ensure events have spacing within the cell
-            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
-            overflow: 'hidden', // Ensure events don’t overflow the cell
+            padding: '4px',
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2),
+            overflow: 'hidden',
         }),
         fullDayEvent: css({
-            flex: '1 1 auto', // Allow events to share space equally
+            flex: '1 1 auto',
             minWidth: '24px',
             height: '24px',
             padding: '4px 8px',
@@ -115,8 +115,8 @@ export var useWeekViewStyles = function () {
             fontWeight: 'bold',
             borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
             position: 'sticky',
-            top: 0, // Sticks to the top of the scrollable container
-            zIndex: 10, // Ensures it stays above the scrolling grid
+            top: 0,
+            zIndex: 10,
         }),
         todayHeaderCell: css({
             borderTop: "5px solid ".concat(tokens.colorBrandBackground),
@@ -125,9 +125,9 @@ export var useWeekViewStyles = function () {
             padding: 2,
             alignItems: 'center',
             justifyContent: 'center',
-            marginRight: '2px', // Spacing between events
-            zIndex: 1, // Ensure event appears above others
-            position: 'absolute', // Position relative to the cell
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
             alignContent: 'center',
             overflow: 'hidden',
             ':hover': {
@@ -145,9 +145,9 @@ export var useWeekViewStyles = function () {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            marginRight: '2px', // Spacing between events
-            zIndex: 1, // Ensure event appears above others
-            position: 'absolute', // Position relative to the cell
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
             alignContent: 'center',
             ':hover': {
                 pointerEvents: 'auto',
@@ -155,11 +155,11 @@ export var useWeekViewStyles = function () {
             },
         }),
         dayCell: css({
-            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1), // Cell borders
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
             borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
-            position: 'relative', // Allow child events to be positioned absolutely
-            overflow: 'visible', // Ensure events aren't clipped
-            FlexDirection: 'column', // Ensure events are stacked vertically
+            position: 'relative',
+            overflow: 'visible',
+            FlexDirection: 'column',
             gap: '4px',
         }),
         currentTimeIndicator: css({
@@ -171,7 +171,7 @@ export var useWeekViewStyles = function () {
             zIndex: 1,
         }),
         currentHalfHourCell: css({
-            border: "2px solid ".concat(tokens.colorPaletteRedBorderActive), // Highlight with a red border
+            border: "2px solid ".concat(tokens.colorPaletteRedBorderActive),
         }),
         eventTitle: css({
             display: '-webkit-box',
@@ -200,10 +200,10 @@ export var useWeekViewStyles = function () {
     var appyDynamicStyles = React.useCallback(function (eventIndex, eventCount, rowHeight, spanSlots) {
         return css({
             flex: "0 0 calc(100% / ".concat(eventCount, ")"),
-            height: "".concat(rowHeight * spanSlots, "px"), // Dynamically calculate height
-            left: "".concat(eventIndex * 10, "%"), // Adjust for overlapping events
-            width: "calc(".concat(100 - eventIndex * 10, "% - 8px)"), // Adjust width for overlap
-            margin: 4, // Add margin for spacing
+            height: "".concat(rowHeight * spanSlots, "px"),
+            left: "".concat(eventIndex * 10, "%"),
+            width: "calc(".concat(100 - eventIndex * 10, "% - 8px)"),
+            margin: 4,
             marginTop: 0,
             marginBottom: 0,
         });

package/lib/controls/calendar/hooks/useWeekViewStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWeekViewStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useWeekViewStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useWeekViewStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useWeekViewStyles.ts"],"names":[],"mappings":"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"}

package/lib/controls/calendar/selectDay/SelectDay.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ISelectDayProps {
+    onSelected: (date: Date) => void;
+    value?: Date;
+}
+export declare const SelectDay: React.FunctionComponent<ISelectDayProps>;
+//# sourceMappingURL=SelectDay.d.ts.map

package/lib/controls/calendar/selectDay/SelectDay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDay.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/selectDay/SelectDay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,IAAI,CAAC;CACd;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAmE9D,CAAC"}

package/lib/controls/calendar/selectDay/SelectDay.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { CalendarMonthFilled, CalendarMonthRegular, bundleIcon, } from '@fluentui/react-icons';
+import { Menu, MenuButton, MenuList, MenuPopover, MenuTrigger, } from '@fluentui/react-components';
+import { format, utcToZonedTime } from 'date-fns-tz';
+import { Calendar } from '@fluentui/react-calendar-compat';
+import strings from 'ControlStrings';
+export var SelectDay = React.memo(function (props) {
+    var onSelected = props.onSelected, value = props.value;
+    var _a = React.useState(value !== null && value !== void 0 ? value : new Date()), selectedDate = _a[0], setSelectedDate = _a[1];
+    var _b = React.useState(function () {
+        var initialDate = value !== null && value !== void 0 ? value : new Date();
+        return format(initialDate, 'dd MMM, yyyy');
+    }), selectedLabel = _b[0], setSelectedLabel = _b[1];
+    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var onOpenChange = React.useCallback(function (_e, data) {
+        setOpen(data.open);
+    }, []);
+    var MonthIcon = React.useMemo(function () { return bundleIcon(CalendarMonthFilled, CalendarMonthRegular); }, []);
+    var onSelectDate = React.useCallback(function (date) {
+        if (date) {
+            var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+            var zonedDate = utcToZonedTime(date, timeZone);
+            setSelectedDate(zonedDate);
+            setSelectedLabel(format(zonedDate, 'dd MMM, yyyy'));
+            onSelected(zonedDate);
+            setOpen(false);
+        }
+    }, [onSelected]);
+    return (React.createElement(Menu, { open: open, onOpenChange: onOpenChange },
+        React.createElement(MenuTrigger, { disableButtonEnhancement: true },
+            React.createElement(MenuButton, { shape: "circular", icon: React.createElement(MonthIcon, null), style: { minWidth: '200px' }, "aria-label": "".concat(strings.CalendarControlSelectDayLabel, ": ").concat(selectedLabel) }, selectedLabel)),
+        React.createElement(MenuPopover, { style: { maxWidth: 'fit-content' } },
+            React.createElement(MenuList, null,
+                React.createElement(Calendar, { highlightSelectedMonth: true, showGoToToday: true, onSelectDate: onSelectDate, value: selectedDate })))));
+});
+//# sourceMappingURL=SelectDay.js.map

package/lib/controls/calendar/selectDay/SelectDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDay.js","sourceRoot":"","sources":["../../../../src/controls/calendar/selectDay/SelectDay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAW,EAEX,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAOrC,MAAM,CAAC,IAAM,SAAS,GAA6C,KAAK,CAAC,IAAI,CAC3E,UAAC,KAA+C;IACtC,IAAA,UAAU,GAAY,KAAK,WAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAG9B,IAAA,KAAkC,KAAK,CAAC,QAAQ,CACpD,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,IAAI,EAAE,CACpB,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAC;IACI,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAS;QAC/D,IAAM,WAAW,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,IAAI,EAAE,CAAC;QACxC,OAAO,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,EAHK,aAAa,QAAA,EAAE,gBAAgB,QAGpC,CAAC;IAEG,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAC;IAE9C,IAAM,YAAY,GAA8B,KAAK,CAAC,WAAW,CAC/D,UAAC,EAAE,EAAE,IAAI;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,cAAM,OAAA,UAAU,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,EAArD,CAAqD,EAC3D,EAAE,CACH,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,IAA6B;QAC5B,IAAI,IAAI,EAAE,CAAC;YACT,IAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;YAClE,IAAM,SAAS,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAEjD,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,gBAAgB,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;YACpD,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;QAC1C,oBAAC,WAAW,IAAC,wBAAwB;YACnC,oBAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,oBAAC,SAAS,OAAG,EACnB,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAChB,UAAG,OAAO,CAAC,6BAA6B,eAAK,aAAa,CAAE,IAEvE,aAAa,CACH,CACD;QACd,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;YAC7C,oBAAC,QAAQ;gBACP,oBAAC,QAAQ,IACP,sBAAsB,QACtB,aAAa,QACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,YAAY,GACnB,CACO,CACC,CACT,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/controls/calendar/selectDay/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectDay';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/calendar/selectDay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/selectDay/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/controls/calendar/selectDay/index.js

@@ -0,0 +1,2 @@
+export * from './SelectDay';
+//# sourceMappingURL=index.js.map

package/lib/controls/calendar/selectDay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/calendar/selectDay/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/controls/calendar/selectMonth/CalendarMonth.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { CalendarStrings } from "@fluentui/react-calendar-compat";
+export declare const defaultCalendarMonthStrings: CalendarStrings;
+export interface ICalendarMonthProps {
+    onDateChange: (date: Date) => void;
+    defaultSelectedDate?: Date;
+    onDismiss: () => void;
+    strings?: CalendarStrings;
+}
+export declare const CalendarMonth: React.FunctionComponent<ICalendarMonthProps>;
+//# sourceMappingURL=CalendarMonth.d.ts.map

package/lib/controls/calendar/selectMonth/CalendarMonth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/selectMonth/CalendarMonth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,eAAe,EAAiB,MAAM,iCAAiC,CAAC;AAc3F,eAAO,MAAM,2BAA2B,EAAE,eAgDzC,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA6BtE,CAAC"}