feat(date-time-picker): add input segments + time field

packages/calendar/README.md

@@ -38,3 +38,5 @@ import { Calendar } from '@spectrum-web-components/calendar';
 -   Implement keyboard navigation
 -   Add support for other types of calendars - [React Calendar: International Calendars](https://react-spectrum.adobe.com/react-spectrum/Calendar.html#international-calendars)
 -   Include `aria-label` in calendar for accessibility - [React Calendar: Labeling](https://react-spectrum.adobe.com/react-spectrum/Calendar.html#labeling)
+-   Complete documentation
+-   Add/Review unit tests

packages/calendar/package.json

@@ -61,15 +61,15 @@
         "lit-html"
     ],
     "dependencies": {
-        "@internationalized/date": "^3.2.0",
+        "@internationalized/date": "^3.2.1",
         "@internationalized/number": "^3.1.0",
         "@spectrum-web-components/action-button": "^0.35.0",
         "@spectrum-web-components/base": "^0.35.0",
         "@spectrum-web-components/icons-workflow": "^0.35.0",
         "@spectrum-web-components/reactive-controllers": "^0.35.0"
     },
     "devDependencies": {
-        "@spectrum-css/calendar": "^3.2.6"
+        "@spectrum-css/calendar": "^4.0.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

packages/calendar/src/Calendar.ts

@@ -23,7 +23,7 @@ import { NumberFormatter } from '@internationalized/number';
 import {
     CSSResultArray,
     html,
-    PropertyValueMap,
+    PropertyValues,
     SpectrumElement,
     TemplateResult,
 } from '@spectrum-web-components/base';
@@ -121,9 +121,7 @@ export class Calendar extends SpectrumElement {
         this.setInitialCalendarDate();
     }
 
-    protected override willUpdate(
-        changedProperties: PropertyValueMap<this>
-    ): void {
+    protected override willUpdate(changedProperties: PropertyValues): void {
         if (changedProperties.has('selectedDate')) {
             this.setCurrentCalendarDate();
         }
@@ -339,7 +337,6 @@ export class Calendar extends SpectrumElement {
 
     public handleDayClick(calendarDate: CalendarDate): void {
         this.selectedDate = calendarDate.toDate(this.timeZone);
-        this.setCurrentCalendarDate();
 
         this.dispatchEvent(
             new CustomEvent('change', {