Add changeset + small windows high contrast mode fixes

.changeset/config.json

@@ -2,7 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
   "changelog": [
     "@changesets/changelog-github",
-    { "repo": "Sqrrl/wc-datepicker" }
+    { "repo": "fymmot/inclusive-dates" }
   ],
   "commit": false,
   "fixed": [],

.changeset/curvy-flies-invite.md

@@ -0,0 +1,5 @@
+---
+"inclusive-dates": minor
+---
+
+Basic functionality working with Chrono.js parsing, calendar in modal and CSS theming. Added windows high contrast design fixes.

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "wc-datepicker",
-  "version": "0.4.0",
-  "description": "A small, accessible and customizable datepicker written in TypeScript.",
+  "name": "inclusive-dates",
+  "version": "0.0.1",
+  "description": "A small, accessible datepicker Web Component with natural language date input.",
   "repository": {
     "type": "git",
-    "url": "/~https://github.com/Sqrrl/wc-datepicker.git"
+    "url": "/~https://github.com/fymmot/inclusive-dates"
   },
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

src/components/inclusive-dates-calendar/inclusive-dates-calendar.spec.tsx

@@ -422,15 +422,14 @@ describe("inclusive-dates-calendar", () => {
 
     const today = new Date();
 
-    expect(header.innerText.includes("January 1, 1989")).toBeTruthy();
+    expect(header.innerText.includes("January 1989")).toBeTruthy();
 
     todayButton.click();
     await page.waitForChanges();
 
     expect(
       header.innerText.includes(
         Intl.DateTimeFormat("en-US", {
-          day: "numeric",
           month: "long",
           year: "numeric"
         }).format(today)

src/components/inclusive-dates-calendar/inclusive-dates-calendar.tsx

@@ -201,9 +201,7 @@ export class InclusiveDatesCalendar {
     if (!Boolean(this.currentDate)) {
       return;
     }
-
     return Intl.DateTimeFormat(this.locale, {
-      day: "numeric",
       month: "long",
       year: "numeric"
     }).format(this.currentDate);
@@ -555,6 +553,7 @@ export class InclusiveDatesCalendar {
               class={this.getClassName("calendar")}
               onKeyDown={this.onKeyDown}
               role="grid"
+              aria-label={this.getTitle()}
             >
               <thead class={this.getClassName("calendar-header")}>
                 <tr class={this.getClassName("weekday-row")}>

src/themes/base.scss

@@ -98,6 +98,9 @@ inclusive-dates-calendar {
   background: var(--bg2-color);
   font: inherit;
   line-height: 1.125;
+  @media screen and (forced-colors: active) {
+    border: 1px solid transparent;
+  }
 }
 
 .inclusive-dates-calendar__month-select {
@@ -161,6 +164,9 @@ inclusive-dates-calendar {
 
 .inclusive-dates-calendar__date:focus-visible > * {
   outline: 0.125rem solid var(--focus-color);
+  @media screen and (forced-colors: active) {
+    outline-color: Highlight;
+  }
 }
 
 .inclusive-dates-calendar__date:hover > * {
@@ -196,6 +202,9 @@ inclusive-dates-calendar {
   background-color: var(--focus-color);
   font-weight: 500;
   outline-offset: 0.125rem;
+  @media screen and (forced-colors: active) {
+    background-color: Highlight;
+  }
 }
 
 .inclusive-dates-calendar__date--disabled {