Migrate from datetime2 -> datetime

Author: davenquinn

packages/ui-components/README.md

@@ -27,16 +27,15 @@ to the developer) or included in Javascript for further processing by a bundler:
 ```js
 import "@blueprintjs/core/lib/css/blueprint.css";
 import "@blueprintjs/icons/lib/css/blueprint-icons.css";
+// For date time picker
+import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
 import "@macrostrat/ui-components/lib/esm/index.css";
 ```
 
-We also provide [`init.js`](init.js), a small helper that imports these styles
-and sets up common Babel and BlueprintJS configuration.
-
 ## Extensions
 
 Some extensions require additional libraries that may or may not be installed.
-For instance, buttons in `@macrostrat/ui-components/lib/esm/
+For instance, buttons in `@macrostrat/ui-comonents/lib/esm/
 
 ## Todo
 

packages/ui-components/package.json

@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@blueprintjs/core": "^6.6.1",
-    "@blueprintjs/datetime2": "^3.0.13",
+    "@blueprintjs/datetime": "^6.0.13",
     "@blueprintjs/select": "^6.0.13",
     "@macrostrat/hyper": "^3.0.6",
     "@types/react": "^18.3.12",

packages/ui-components/src/model-editor.ts

@@ -1,14 +1,14 @@
 // @ts-nocheck
 import { Component, createContext, ReactElement, useContext } from "react";
 import h from "@macrostrat/hyper";
-import { DateInput3 } from "@blueprintjs/datetime2";
+import { DateInput } from "@blueprintjs/datetime";
 import { EditableText } from "@blueprintjs/core";
 import { EditButton, DeleteButton } from "./buttons";
 import { StatefulComponent } from "./util";
 import classNames from "classnames";
 import update, { Spec } from "immutability-helper";
 
-import "@blueprintjs/datetime2/lib/css/blueprint-datetime2.css";
+import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
 
 const ModelEditorContext = createContext<any>({});
 
@@ -223,7 +223,7 @@ class EditableDateField extends Component<any, any> {
     if (!isEditing) {
       return h("div", { className }, valueText);
     }
-    return h(DateInput3, {
+    return h(DateInput, {
       className,
       value: new Date(value),
       formatDate: (date) => date.toLocaleDateString(),

yarn.lock

@@ -1299,28 +1299,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@blueprintjs/datetime2@npm:^3.0.13":
-  version: 3.0.13
-  resolution: "@blueprintjs/datetime2@npm:3.0.13"
-  dependencies:
-    "@blueprintjs/colors": "npm:^5.1.12"
-    "@blueprintjs/core": "npm:^6.6.1"
-    "@blueprintjs/datetime": "npm:^6.0.13"
-    "@blueprintjs/icons": "npm:^6.5.0"
-    date-fns: "npm:^2.28.0"
-    react-day-picker: "npm:^8.10.0"
-    tslib: "npm:~2.6.2"
-  peerDependencies:
-    "@types/react": 18
-    react: 18
-    react-dom: 18
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/d7457b789565f166c5bb1327b8c8a016e75c1e328df20bceb65f8d601d24a0e43755c08b7aaeab4746e395641a9fb1147de920bd3ba47021a91afab124ddbd34
-  languageName: node
-  linkType: hard
-
 "@blueprintjs/datetime@npm:^6.0.13":
   version: 6.0.13
   resolution: "@blueprintjs/datetime@npm:6.0.13"
@@ -2676,7 +2654,7 @@ __metadata:
   resolution: "@macrostrat/ui-components@workspace:packages/ui-components"
   dependencies:
     "@blueprintjs/core": "npm:^6.6.1"
-    "@blueprintjs/datetime2": "npm:^3.0.13"
+    "@blueprintjs/datetime": "npm:^6.0.13"
     "@blueprintjs/select": "npm:^6.0.13"
     "@macrostrat/hyper": "npm:^3.0.6"
     "@types/react": "npm:^18.3.12"