@instructure/ui-calendar 8.56.2 → 8.56.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.4](https://github.com/instructure/instructure-ui/compare/v8.56.3...v8.56.4) (2024-10-02)
+
+
+### Bug Fixes
+
+* **ui-calendar,ui-date-input:** fix locale and timezone for simple api ([94209df](https://github.com/instructure/instructure-ui/commit/94209dfdfaeca8c8ae452771c4bf2688e6345272))
+
+
+
+
+
+## [8.56.3](https://github.com/instructure/instructure-ui/compare/v8.56.2...v8.56.3) (2024-09-18)
+
+
+### Bug Fixes
+
+* **ui-calendar,ui-color-picker:** fix code to remove unnecessary warnings ([f111d2e](https://github.com/instructure/instructure-ui/commit/f111d2efd8873dbc3d2fd6653af2d39b9691de81))
+
+
+
+
+
 ## [8.56.2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2) (2024-08-06)
 
 **Note:** Version bump only for package @instructure/ui-calendar

package/es/Calendar/index.js

@@ -235,9 +235,10 @@ let Calendar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     }) : day))));
   }
   locale() {
+    var _this$context;
     if (this.props.locale) {
       return this.props.locale;
-    } else if (this.context && this.context.locale) {
+    } else if (this !== null && this !== void 0 && (_this$context = this.context) !== null && _this$context !== void 0 && _this$context.locale) {
       return this.context.locale;
     }
     return Locale.browserLocale();
@@ -286,7 +287,7 @@ let Calendar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
       return jsx(Calendar.Day, {
         key: dateStr,
         date: dateStr,
-        isSelected: selectedDate ? date.isSame(selectedDate, 'day') : false,
+        isSelected: selectedDate ? date.isSame(DateTime.parse(selectedDate, this.locale(), this.timezone()), 'day') : false,
         isToday: date.isSame(today, 'day'),
         isOutsideMonth: !date.isSame(visibleMonth, 'month'),
         label: date.format('D MMMM YYYY') // used by screen readers

package/lib/Calendar/index.js

@@ -246,9 +246,10 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
     }) : day))));
   }
   locale() {
+    var _this$context;
     if (this.props.locale) {
       return this.props.locale;
-    } else if (this.context && this.context.locale) {
+    } else if (this !== null && this !== void 0 && (_this$context = this.context) !== null && _this$context !== void 0 && _this$context.locale) {
       return this.context.locale;
     }
     return _Locale.Locale.browserLocale();
@@ -297,7 +298,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
       return (0, _emotion.jsx)(Calendar.Day, {
         key: dateStr,
         date: dateStr,
-        isSelected: selectedDate ? date.isSame(selectedDate, 'day') : false,
+        isSelected: selectedDate ? date.isSame(_DateTime.DateTime.parse(selectedDate, this.locale(), this.timezone()), 'day') : false,
         isToday: date.isSame(today, 'day'),
         isOutsideMonth: !date.isSame(visibleMonth, 'month'),
         label: date.format('D MMMM YYYY') // used by screen readers

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-calendar",
-  "version": "8.56.2",
+  "version": "8.56.4",
   "description": "A calendar component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.2",
-    "@instructure/ui-color-utils": "8.56.2",
-    "@instructure/ui-test-locator": "8.56.2",
-    "@instructure/ui-test-utils": "8.56.2",
-    "@instructure/ui-themes": "8.56.2",
+    "@instructure/ui-babel-preset": "8.56.4",
+    "@instructure/ui-color-utils": "8.56.4",
+    "@instructure/ui-test-locator": "8.56.4",
+    "@instructure/ui-test-utils": "8.56.4",
+    "@instructure/ui-themes": "8.56.4",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.2",
-    "@instructure/emotion": "8.56.2",
-    "@instructure/shared-types": "8.56.2",
-    "@instructure/ui-a11y-content": "8.56.2",
-    "@instructure/ui-buttons": "8.56.2",
-    "@instructure/ui-i18n": "8.56.2",
-    "@instructure/ui-icons": "8.56.2",
-    "@instructure/ui-prop-types": "8.56.2",
-    "@instructure/ui-react-utils": "8.56.2",
-    "@instructure/ui-testable": "8.56.2",
-    "@instructure/ui-utils": "8.56.2",
-    "@instructure/ui-view": "8.56.2",
-    "@instructure/uid": "8.56.2",
+    "@instructure/console": "8.56.4",
+    "@instructure/emotion": "8.56.4",
+    "@instructure/shared-types": "8.56.4",
+    "@instructure/ui-a11y-content": "8.56.4",
+    "@instructure/ui-buttons": "8.56.4",
+    "@instructure/ui-i18n": "8.56.4",
+    "@instructure/ui-icons": "8.56.4",
+    "@instructure/ui-prop-types": "8.56.4",
+    "@instructure/ui-react-utils": "8.56.4",
+    "@instructure/ui-testable": "8.56.4",
+    "@instructure/ui-utils": "8.56.4",
+    "@instructure/ui-view": "8.56.4",
+    "@instructure/uid": "8.56.4",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Calendar/index.tsx

@@ -342,7 +342,7 @@ class Calendar extends Component<CalendarProps, CalendarState> {
   locale(): string {
     if (this.props.locale) {
       return this.props.locale
-    } else if (this.context && this.context.locale) {
+    } else if (this?.context?.locale) {
       return this.context.locale
     }
     return Locale.browserLocale()
@@ -401,7 +401,14 @@ class Calendar extends Component<CalendarProps, CalendarState> {
         <Calendar.Day
           key={dateStr}
           date={dateStr}
-          isSelected={selectedDate ? date.isSame(selectedDate, 'day') : false}
+          isSelected={
+            selectedDate
+              ? date.isSame(
+                  DateTime.parse(selectedDate, this.locale(), this.timezone()),
+                  'day'
+                )
+              : false
+          }
           isToday={date.isSame(today, 'day')}
           isOutsideMonth={!date.isSame(visibleMonth, 'month')}
           label={date.format('D MMMM YYYY')} // used by screen readers