@instructure/ui-calendar 9.6.1-snapshot-2 → 9.7.0

package/CHANGELOG.md

@@ -3,9 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.6.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.6.0...v9.6.1-snapshot-2) (2024-09-06)
+# [9.7.0](https://github.com/instructure/instructure-ui/compare/v9.6.0...v9.7.0) (2024-09-23)
 
-**Note:** Version bump only for package @instructure/ui-calendar
+
+### Bug Fixes
+
+* **ui-calendar:** fix code to remove unnecessary warnings ([d139bd4](https://github.com/instructure/instructure-ui/commit/d139bd4e6f156744d5bd4f2fb6e7acacf58804d6))
+
+
+### Features
+
+* **ui-date-input:** improve DateInput2 api, extend docs ([f369604](https://github.com/instructure/instructure-ui/commit/f3696040d59f9baf9b9a27070e6fbc3d458e4495))
 
 
 

package/es/Calendar/index.js

@@ -182,7 +182,7 @@ let Calendar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   }
   get hasNextMonth() {
     // this is needed for locales that doesn't use the latin script for numbers e.g.: arabic
-    const yearNumber = Number(this.state.visibleMonth.clone().locale('en').subtract({
+    const yearNumber = Number(this.state.visibleMonth.clone().locale('en').add({
       months: 1
     }).format('YYYY'));
     return !this.props.withYearPicker || this.props.withYearPicker && yearNumber <= this.props.withYearPicker.endYear;
@@ -216,6 +216,7 @@ let Calendar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     }, jsx(SimpleSelect, {
       width: "90px",
       renderLabel: "",
+      placeholder: "--",
       assistiveText: withYearPicker.screenReaderLabel,
       value: visibleMonth.format('YYYY'),
       onChange: (e, {
@@ -345,7 +346,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

@@ -193,7 +193,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
   }
   get hasNextMonth() {
     // this is needed for locales that doesn't use the latin script for numbers e.g.: arabic
-    const yearNumber = Number(this.state.visibleMonth.clone().locale('en').subtract({
+    const yearNumber = Number(this.state.visibleMonth.clone().locale('en').add({
       months: 1
     }).format('YYYY'));
     return !this.props.withYearPicker || this.props.withYearPicker && yearNumber <= this.props.withYearPicker.endYear;
@@ -227,6 +227,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
     }, (0, _emotion.jsx)(_SimpleSelect.SimpleSelect, {
       width: "90px",
       renderLabel: "",
+      placeholder: "--",
       assistiveText: withYearPicker.screenReaderLabel,
       value: visibleMonth.format('YYYY'),
       onChange: (e, {
@@ -356,7 +357,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": "9.6.1-snapshot-2",
+  "version": "9.7.0",
   "description": "A calendar component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,31 +23,31 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "9.6.1-snapshot-2",
-    "@instructure/ui-color-utils": "9.6.1-snapshot-2",
-    "@instructure/ui-test-locator": "9.6.1-snapshot-2",
-    "@instructure/ui-test-utils": "9.6.1-snapshot-2",
-    "@instructure/ui-themes": "9.6.1-snapshot-2",
+    "@instructure/ui-babel-preset": "9.7.0",
+    "@instructure/ui-color-utils": "9.7.0",
+    "@instructure/ui-test-locator": "9.7.0",
+    "@instructure/ui-test-utils": "9.7.0",
+    "@instructure/ui-themes": "9.7.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.7",
     "vitest": "^2.0.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.6.1-snapshot-2",
-    "@instructure/emotion": "9.6.1-snapshot-2",
-    "@instructure/shared-types": "9.6.1-snapshot-2",
-    "@instructure/ui-a11y-content": "9.6.1-snapshot-2",
-    "@instructure/ui-buttons": "9.6.1-snapshot-2",
-    "@instructure/ui-i18n": "9.6.1-snapshot-2",
-    "@instructure/ui-icons": "9.6.1-snapshot-2",
-    "@instructure/ui-prop-types": "9.6.1-snapshot-2",
-    "@instructure/ui-react-utils": "9.6.1-snapshot-2",
-    "@instructure/ui-simple-select": "9.6.1-snapshot-2",
-    "@instructure/ui-testable": "9.6.1-snapshot-2",
-    "@instructure/ui-utils": "9.6.1-snapshot-2",
-    "@instructure/ui-view": "9.6.1-snapshot-2",
-    "@instructure/uid": "9.6.1-snapshot-2",
+    "@instructure/console": "9.7.0",
+    "@instructure/emotion": "9.7.0",
+    "@instructure/shared-types": "9.7.0",
+    "@instructure/ui-a11y-content": "9.7.0",
+    "@instructure/ui-buttons": "9.7.0",
+    "@instructure/ui-i18n": "9.7.0",
+    "@instructure/ui-icons": "9.7.0",
+    "@instructure/ui-prop-types": "9.7.0",
+    "@instructure/ui-react-utils": "9.7.0",
+    "@instructure/ui-simple-select": "9.7.0",
+    "@instructure/ui-testable": "9.7.0",
+    "@instructure/ui-utils": "9.7.0",
+    "@instructure/ui-view": "9.7.0",
+    "@instructure/uid": "9.7.0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Calendar/index.tsx

@@ -166,7 +166,7 @@ class Calendar extends Component<CalendarProps, CalendarState> {
       this.state.visibleMonth
         .clone()
         .locale('en')
-        .subtract({ months: 1 })
+        .add({ months: 1 })
         .format('YYYY')
     )
     return (
@@ -318,6 +318,7 @@ class Calendar extends Component<CalendarProps, CalendarState> {
             <SimpleSelect
               width="90px"
               renderLabel=""
+              placeholder="--"
               assistiveText={withYearPicker.screenReaderLabel}
               value={visibleMonth.format('YYYY')}
               onChange={(
@@ -509,7 +510,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