v3 (#279)

Author: tomosterlund

cypress/pages/001-smoke/001-smoke.tsx

@@ -14,6 +14,7 @@ import {
 } from '@schedule-x/calendar'
 import '../index.css'
 import '@schedule-x/theme-default/dist/index.css'
+import 'temporal-polyfill/global'
 
 // eslint-disable-next-line react-refresh/only-export-components
 function App() {
@@ -24,11 +25,12 @@ function App() {
       {
         id: '1',
         title: 'Event 1',
-        start: '2023-12-15 06:00',
-        end: '2023-12-15 08:00',
+        start: Temporal.ZonedDateTime.from('2023-12-15T06:00:00+09:00[Asia/Tokyo]'),
+        end: Temporal.ZonedDateTime.from('2023-12-15T08:00:00+09:00[Asia/Tokyo]'),
       },
     ],
-    selectedDate: '2023-12-15',
+    selectedDate: Temporal.PlainDate.from('2023-12-15'),
+    timezone: 'Asia/Tokyo',
   })
 
   return (

cypress/pages/002-custom-events/002-custom-events.tsx

@@ -18,6 +18,7 @@ import CustomTimeGridEvent from './components/CustomTimeGridEvent.tsx'
 import CustomDateGridEvent from './components/CustomDateGridEvent.tsx'
 import CustomMonthAgendaEvent from './components/CustomMonthAgendaEvent.tsx'
 import CustomMonthGridEvent from './components/CustomMonthGridEvent.tsx'
+import 'temporal-polyfill/global'
 
 // eslint-disable-next-line react-refresh/only-export-components
 function App() {
@@ -30,17 +31,18 @@ function App() {
       {
         id: '1',
         title: 'Event 1',
-        start: '2023-12-15 06:00',
-        end: '2023-12-15 08:00',
+        start: Temporal.ZonedDateTime.from('2023-12-15T06:00:00+09:00[Asia/Tokyo]'),
+        end: Temporal.ZonedDateTime.from('2023-12-15T08:00:00+09:00[Asia/Tokyo]'),
       },
       {
         id: '2',
         title: 'Event 2',
-        start: '2023-12-14',
-        end: '2023-12-14',
+        start: Temporal.PlainDate.from('2023-12-14'),
+        end: Temporal.PlainDate.from('2023-12-14'),
       },
     ],
-    selectedDate: '2023-12-15',
+    selectedDate: Temporal.PlainDate.from('2023-12-15'),
+    timezone: 'Asia/Tokyo',
   })
 
   return (

development/App.tsx

@@ -14,36 +14,38 @@ import CustomDateGridEvent from './components/CustomDateGridEvent.tsx'
 import CustomEventModal from './components/CustomEventModal.tsx'
 import { createEventsServicePlugin } from '@schedule-x/events-service'
 import { createCalendarControlsPlugin } from '@schedule-x/calendar-controls'
+import 'temporal-polyfill/global'
 
 function App() {
   const calendarApp = useCalendarApp(
     {
       views: [viewMonthGrid, viewDay, viewWeek, viewMonthAgenda],
-      selectedDate: '2023-12-22',
+      selectedDate: Temporal.PlainDate.from('2023-12-22'),
+      timezone: 'Asia/Tokyo',
       events: [
         {
           id: '0',
           title: 'Event 0',
-          start: '2023-12-22',
-          end: '2023-12-22',
+          start: Temporal.PlainDate.from('2023-12-22'),
+          end: Temporal.PlainDate.from('2023-12-22'),
         },
         {
           id: '1',
           title: 'Event 1',
-          start: '2023-12-22 05:00',
-          end: '2023-12-22 07:00',
+          start: Temporal.ZonedDateTime.from('2023-12-22T05:00:00+09:00[Asia/Tokyo]'),
+          end: Temporal.ZonedDateTime.from('2023-12-22T07:00:00+09:00[Asia/Tokyo]'),
         },
         {
           id: '2',
           title: 'Event 2',
-          start: '2023-12-22 05:00',
-          end: '2023-12-22 07:00',
+          start: Temporal.ZonedDateTime.from('2023-12-22T05:00:00+09:00[Asia/Tokyo]'),
+          end: Temporal.ZonedDateTime.from('2023-12-22T07:00:00+09:00[Asia/Tokyo]'),
         },
         {
           id: '3',
           title: 'Event 3',
-          start: '2023-12-23 05:00',
-          end: '2023-12-23 07:00',
+          start: Temporal.ZonedDateTime.from('2023-12-23T05:00:00+09:00[Asia/Tokyo]'),
+          end: Temporal.ZonedDateTime.from('2023-12-23T07:00:00+09:00[Asia/Tokyo]'),
         },
       ],
     },

package-lock.json

@@ -15,7 +15,7 @@
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
-  "version": "2.36.0",
+  "version": "3.0.0",
   "type": "module",
   "files": [
     "dist"
@@ -31,7 +31,7 @@
     "build:publish": "npm run build && npm publish"
   },
   "peerDependencies": {
-    "@schedule-x/calendar": "^2.25.0",
+    "@schedule-x/calendar": "^3.0.0",
     "react": "^16.7.0 || ^17 || ^18 || ^19",
     "react-dom": "^16.7.0 || ^17 || ^18 || ^19"
   },
@@ -40,15 +40,15 @@
     "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@schedule-x/calendar-controls": "^2.25.0",
-    "@schedule-x/drag-and-drop": "^2.25.0",
-    "@schedule-x/e2e-testing": "^2.25.0",
+    "@schedule-x/calendar-controls": "^3.0.0",
+    "@schedule-x/drag-and-drop": "^3.0.0",
+    "@schedule-x/e2e-testing": "^3.0.0",
     "@schedule-x/eslint-config": "^2.22.0",
-    "@schedule-x/event-modal": "^2.25.0",
-    "@schedule-x/events-service": "^2.25.0",
-    "@schedule-x/prettier-config": "^2.25.0",
-    "@schedule-x/shared": "^2.25.0",
-    "@schedule-x/theme-default": "^2.25.0",
+    "@schedule-x/event-modal": "^3.0.0",
+    "@schedule-x/events-service": "^3.0.0",
+    "@schedule-x/prettier-config": "^2.22.0",
+    "@schedule-x/shared": "^3.0.0",
+    "@schedule-x/theme-default": "^3.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/react": "^18.2.43",
@@ -66,6 +66,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^24.0.0",
+    "temporal-polyfill": "^0.3.0",
     "typescript": "^5.6.2",
     "vite": "^5.0.8"
   },