@ringcentral/juno 2.25.1 → 2.26.1

package/components/Forms/Picker/DatePicker/Calendar.js

@@ -162,6 +162,7 @@ var Calendar = react_1.forwardRef(function (_a, ref) {
         }
     }, [previousView, view, viewChange]);
     react_1.useLayoutEffect(function () {
+        utils_2.focusDayElement();
         calendarRef.current = document.querySelector("." + utils_2.RcDatePickerClasses.popover + " ." + utils_2.RcDatePickerClasses.popoverPaper);
         var unsubscribe = utils_1.transitionendSubscriber(calendarRef.current, utils_2.onTransitionEnd);
         return function () {

package/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -15,10 +15,6 @@ var DatePickerHeader = react_1.memo(function (props) {
     var nextMonth = utils.getNextMonth(focusedDate);
     var monthLabel = utils.getCalendarHeaderText(focusedDate);
     var changeFromRef = react_1.useRef();
-    var headerRef = react_1.useRef(null);
-    react_1.useLayoutEffect(function () {
-        headerRef.current.focus();
-    }, []);
     var selectNextMonth = function () {
         onMonthChange(nextMonth, 'left');
         changeFromRef.current = 'next';
@@ -37,7 +33,7 @@ var DatePickerHeader = react_1.memo(function (props) {
             ? nextMonthAriaLabel
             : previousMonthAriaLabel)),
         react_1.default.createElement(styles_1.SwitchHeaderWrapper, { size: size, className: classes.header },
-            react_1.default.createElement(styles_1.StyledCurrentMonth, { role: 'button', tabIndex: 0, view: view, onClick: onViewChange, "aria-label": monthYearAriaLabel, "aria-expanded": ariaExpanded, "data-test-automation-id": "date-picker-month-year", className: classes.select, ref: headerRef },
+            react_1.default.createElement(styles_1.StyledCurrentMonth, { role: 'button', tabIndex: 0, view: view, onClick: onViewChange, "aria-label": monthYearAriaLabel, "aria-expanded": ariaExpanded, "data-test-automation-id": "date-picker-month-year", className: classes.select },
                 monthLabel,
                 react_1.default.createElement(SelectArrowDownIcon_1.SelectArrowDownIcon, null)),
             react_1.default.createElement(styles_1.SwitchHeaderButtonWrapper, { size: size, gap: 3, view: view },

package/es6/components/Forms/Picker/DatePicker/Calendar.js

@@ -160,6 +160,7 @@ var Calendar = forwardRef(function (_a, ref) {
         }
     }, [previousView, view, viewChange]);
     useLayoutEffect(function () {
+        focusDayElement();
         calendarRef.current = document.querySelector("." + RcDatePickerClasses.popover + " ." + RcDatePickerClasses.popoverPaper);
         var unsubscribe = transitionendSubscriber(calendarRef.current, onTransitionEnd);
         return function () {

package/es6/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -1,4 +1,4 @@
-import React, { memo, useRef, useLayoutEffect } from 'react';
+import React, { memo, useRef } from 'react';
 import { useUtils as useMuiUtils } from '@material-ui/pickers';
 import { ArrowLeft2 as arrowLeftSvg, ArrowRight as arrowRightSvg, } from '@ringcentral/juno-icon';
 import { RcVisuallyHidden } from '../../../VisuallyHidden';
@@ -12,10 +12,6 @@ var DatePickerHeader = memo(function (props) {
     var nextMonth = utils.getNextMonth(focusedDate);
     var monthLabel = utils.getCalendarHeaderText(focusedDate);
     var changeFromRef = useRef();
-    var headerRef = useRef(null);
-    useLayoutEffect(function () {
-        headerRef.current.focus();
-    }, []);
     var selectNextMonth = function () {
         onMonthChange(nextMonth, 'left');
         changeFromRef.current = 'next';
@@ -34,7 +30,7 @@ var DatePickerHeader = memo(function (props) {
             ? nextMonthAriaLabel
             : previousMonthAriaLabel)),
         React.createElement(SwitchHeaderWrapper, { size: size, className: classes.header },
-            React.createElement(StyledCurrentMonth, { role: 'button', tabIndex: 0, view: view, onClick: onViewChange, "aria-label": monthYearAriaLabel, "aria-expanded": ariaExpanded, "data-test-automation-id": "date-picker-month-year", className: classes.select, ref: headerRef },
+            React.createElement(StyledCurrentMonth, { role: 'button', tabIndex: 0, view: view, onClick: onViewChange, "aria-label": monthYearAriaLabel, "aria-expanded": ariaExpanded, "data-test-automation-id": "date-picker-month-year", className: classes.select },
                 monthLabel,
                 React.createElement(SelectArrowDownIcon, null)),
             React.createElement(SwitchHeaderButtonWrapper, { size: size, gap: 3, view: view },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.25.1",
+  "version": "2.26.1",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",