@neo4j-ndl/react 1.8.19 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 1.9.0
+
+### Minor Changes
+
+- 46bd73c: Added DatePicker component
+
+### Patch Changes
+
+- Updated dependencies [46bd73c]
+  - @neo4j-ndl/base@1.9.0
+
+## 1.8.20
+
+### Patch Changes
+
+- Updated dependencies [aec8342]
+  - @neo4j-ndl/base@1.8.14
+
 ## 1.8.19
 
 ### Patch Changes

package/lib/LICENSES.txt

@@ -5210,7 +5210,7 @@ MIT License
 
 -----
 
-The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
+The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-datepicker, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-datepicker), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
 
 MIT License
 
@@ -5529,6 +5529,32 @@ SOFTWARE.
 
 -----
 
+The following software may be included in this product: date-fns. A copy of the source code may be downloaded from https://github.com/date-fns/date-fns. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (c) 2021 Sasha Koss and Lesha Koss https://kossnocorp.mit-license.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: dedent. A copy of the source code may be downloaded from git://github.com/dmnd/dedent.git. This software contains the following license and notice below:
 
 The MIT License (MIT)
@@ -12268,6 +12294,32 @@ Apache License
 
 -----
 
+The following software may be included in this product: react-datepicker. A copy of the source code may be downloaded from git://github.com/Hacker0x01/react-datepicker.git. This software contains the following license and notice below:
+
+The MIT License (MIT)
+
+Copyright (c) 2014-2023 HackerOne Inc and individual contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: react-dropzone. A copy of the source code may be downloaded from https://github.com/react-dropzone/react-dropzone.git. This software contains the following license and notice below:
 
 The MIT License (MIT)

package/lib/NOTICE.txt

@@ -117,6 +117,9 @@ Third-party licenses
 │  ├─ @types/react@npm:17.0.62 (via npm:^17.0.62)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react
+│  ├─ @types/react-datepicker@npm:4.11.2 (via npm:^4.11.2)
+│  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
+│  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-datepicker
 │  ├─ @types/react-dom@npm:17.0.18 (via npm:17.0.18)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom
@@ -160,6 +163,8 @@ Third-party licenses
 │  ├─ concurrently@npm:7.6.0 (via npm:^7.4.0)
 │  │  ├─ URL: https://github.com/open-cli-tools/concurrently.git
 │  │  └─ VendorName: Kimmo Brunfeldt
+│  ├─ date-fns@npm:2.30.0 (via npm:^2.30.0)
+│  │  └─ URL: https://github.com/date-fns/date-fns
 │  ├─ dedent@npm:0.7.0 (via npm:^0.7.0)
 │  │  ├─ URL: git://github.com/dmnd/dedent.git
 │  │  ├─ VendorName: Desmond Brand
@@ -223,6 +228,10 @@ Third-party licenses
 │  ├─ react@npm:17.0.2 (via npm:^17.0.2)
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/
+│  ├─ react-datepicker@npm:4.14.1 [a2e03] (via npm:^4.14.1 [a2e03])
+│  │  ├─ URL: git://github.com/Hacker0x01/react-datepicker.git
+│  │  ├─ VendorName: HackerOne
+│  │  └─ VendorUrl: https://github.com/Hacker0x01/react-datepicker
 │  ├─ react-dom@npm:17.0.2 [d75d7] (via npm:^17.0.2 [d75d7])
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/

package/lib/cjs/date-picker/DatePicker.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_1 = require("react");
+const react_datepicker_1 = __importDefault(require("react-datepicker"));
+const classnames_1 = __importDefault(require("classnames"));
+const icons_1 = require("../icons");
+const text_input_1 = require("../text-input");
+const helpers_1 = require("../helpers");
+const button_1 = require("../button");
+const typography_1 = require("../typography");
+const date_fns_1 = require("date-fns");
+exports.DatePicker = (0, helpers_1.forwardRef)(function DatePicker(props, ref) {
+    const { reactDatePickerProps, textInputProps, disabled, className } = props;
+    const classes = (0, classnames_1.default)(`ndl-datepicker`, className, {});
+    const datetimeRef = (0, react_1.useRef)(null);
+    const [picker, setPicker] = (0, react_1.useState)('day');
+    const headerAction = (0, react_1.useCallback)((action) => {
+        picker === action ? setPicker('day') : setPicker(action);
+    }, [picker]);
+    const CustomHeader = (0, react_1.useCallback)((props) => {
+        const { decreaseMonth, increaseMonth, increaseYear, decreaseYear, nextMonthButtonDisabled, nextYearButtonDisabled, prevMonthButtonDisabled, prevYearButtonDisabled, } = props;
+        const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;
+        const nextCallback = picker === 'year' ? increaseYear : increaseMonth;
+        const prevDisabled = picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;
+        const nextDisabled = picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-datepicker-header" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-datepicker-selects" }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ className: "ndl-datepicker-header", onClick: () => headerAction('month') }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-items-center" }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ variant: "label", className: "n-p-2" }, { children: (0, date_fns_1.format)(props.date, 'MMMM') })), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
+                                            'n-rotate-180': picker === 'month',
+                                        }), "aria-label": "Chevron icon" })] })) })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "ndl-datepicker-header", onClick: () => headerAction('year') }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-items-center" }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ variant: "label", className: "n-p-2" }, { children: (0, date_fns_1.format)(props.date, 'yyyy') })), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
+                                            'n-rotate-180': picker === 'year',
+                                        }), "aria-label": "Chevron icon" })] })) }))] })), picker !== 'month' && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ "aria-label": "Previous period", clean: true, onClick: prevCallback, disabled: prevDisabled }, { children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLeftIconOutline, {}) })), (0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ "aria-label": "Next period", clean: true, onClick: nextCallback, disabled: nextDisabled }, { children: (0, jsx_runtime_1.jsx)(icons_1.ArrowRightIconOutline, {}) }))] }))] })));
+    }, [picker, headerAction]);
+    /**
+     * Intercept onChange so we can work with
+     * Month and Year pickers
+     */
+    const interceptedChange = (0, react_1.useCallback)((...args) => {
+        if (picker !== 'day') {
+            reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onChange(...args);
+            setPicker('day');
+        }
+        else {
+            reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onChange(...args);
+        }
+    }, [picker, reactDatePickerProps]);
+    /**
+     * Intercept onCalendarClose so we can
+     * switch to "day" picker if we close on "month" or "year"
+     * view
+     */
+    const interceptedOnCalendarClose = (0, react_1.useCallback)(() => {
+        var _a;
+        if (picker !== 'day') {
+            setPicker('day');
+        }
+        (_a = reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onCalendarClose) === null || _a === void 0 ? void 0 : _a.call(reactDatePickerProps);
+    }, [picker, reactDatePickerProps]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes }, { children: (0, jsx_runtime_1.jsx)(react_datepicker_1.default, Object.assign({ ref: datetimeRef, customInput: (0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({ ref: ref, "aria-label": "Date picker input", rightIcon: (0, jsx_runtime_1.jsx)(icons_1.CalendarIconOutline, { onClick: (e) => {
+                        var _a;
+                        if ((_a = datetimeRef.current) === null || _a === void 0 ? void 0 : _a.isCalendarOpen()) {
+                            datetimeRef.current.setOpen(false);
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }
+                    }, "aria-label": "Calender Icon" }) }, textInputProps, { disabled: disabled })), disabled: disabled, showMonthYearPicker: picker === 'month', showYearPicker: picker === 'year', shouldCloseOnSelect: picker === 'day', dayClassName: () => 'ndl-datepicker-day', renderCustomHeader: CustomHeader }, reactDatePickerProps, { onChange: interceptedChange, onCalendarClose: interceptedOnCalendarClose })) })));
+});
+//# sourceMappingURL=DatePicker.js.map

package/lib/cjs/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/date-picker/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DatePicker"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,+CAA6B"}

package/lib/cjs/index.js

@@ -42,6 +42,7 @@ __exportStar(require("./checkbox"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./radio"), exports);
 __exportStar(require("./context-menu"), exports);
+__exportStar(require("./date-picker"), exports);
 __exportStar(require("./dialog"), exports);
 __exportStar(require("./modal"), exports);
 __exportStar(require("./loading-spinner"), exports);

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,iDAA+B;AAC/B,qDAAmC;AACnC,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,iDAA+B;AAC/B,qDAAmC;AACnC,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB"}

package/lib/esm/date-picker/DatePicker.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useRef, useState, useCallback } from 'react';
+import ReactDatePicker from 'react-datepicker';
+import classnames from 'classnames';
+import { ArrowLeftIconOutline, ArrowRightIconOutline, CalendarIconOutline, ChevronUpIconOutline, } from '../icons';
+import { TextInput } from '../text-input';
+import { forwardRef } from '../helpers';
+import { IconButton } from '../button';
+import { Typography } from '../typography';
+import { format } from 'date-fns';
+export const DatePicker = forwardRef(function DatePicker(props, ref) {
+    const { reactDatePickerProps, textInputProps, disabled, className } = props;
+    const classes = classnames(`ndl-datepicker`, className, {});
+    const datetimeRef = useRef(null);
+    const [picker, setPicker] = useState('day');
+    const headerAction = useCallback((action) => {
+        picker === action ? setPicker('day') : setPicker(action);
+    }, [picker]);
+    const CustomHeader = useCallback((props) => {
+        const { decreaseMonth, increaseMonth, increaseYear, decreaseYear, nextMonthButtonDisabled, nextYearButtonDisabled, prevMonthButtonDisabled, prevYearButtonDisabled, } = props;
+        const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;
+        const nextCallback = picker === 'year' ? increaseYear : increaseMonth;
+        const prevDisabled = picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;
+        const nextDisabled = picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;
+        return (_jsxs("div", Object.assign({ className: "ndl-datepicker-header" }, { children: [_jsxs("div", Object.assign({ className: "ndl-datepicker-selects" }, { children: [_jsx("button", Object.assign({ className: "ndl-datepicker-header", onClick: () => headerAction('month') }, { children: _jsxs("div", Object.assign({ className: "n-flex n-items-center" }, { children: [_jsx(Typography, Object.assign({ variant: "label", className: "n-p-2" }, { children: format(props.date, 'MMMM') })), _jsx(ChevronUpIconOutline, { className: classnames('ndl-datepicker-chevron', {
+                                            'n-rotate-180': picker === 'month',
+                                        }), "aria-label": "Chevron icon" })] })) })), _jsx("button", Object.assign({ className: "ndl-datepicker-header", onClick: () => headerAction('year') }, { children: _jsxs("div", Object.assign({ className: "n-flex n-items-center" }, { children: [_jsx(Typography, Object.assign({ variant: "label", className: "n-p-2" }, { children: format(props.date, 'yyyy') })), _jsx(ChevronUpIconOutline, { className: classnames('ndl-datepicker-chevron', {
+                                            'n-rotate-180': picker === 'year',
+                                        }), "aria-label": "Chevron icon" })] })) }))] })), picker !== 'month' && (_jsxs("div", { children: [_jsx(IconButton, Object.assign({ "aria-label": "Previous period", clean: true, onClick: prevCallback, disabled: prevDisabled }, { children: _jsx(ArrowLeftIconOutline, {}) })), _jsx(IconButton, Object.assign({ "aria-label": "Next period", clean: true, onClick: nextCallback, disabled: nextDisabled }, { children: _jsx(ArrowRightIconOutline, {}) }))] }))] })));
+    }, [picker, headerAction]);
+    /**
+     * Intercept onChange so we can work with
+     * Month and Year pickers
+     */
+    const interceptedChange = useCallback((...args) => {
+        if (picker !== 'day') {
+            reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onChange(...args);
+            setPicker('day');
+        }
+        else {
+            reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onChange(...args);
+        }
+    }, [picker, reactDatePickerProps]);
+    /**
+     * Intercept onCalendarClose so we can
+     * switch to "day" picker if we close on "month" or "year"
+     * view
+     */
+    const interceptedOnCalendarClose = useCallback(() => {
+        var _a;
+        if (picker !== 'day') {
+            setPicker('day');
+        }
+        (_a = reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.onCalendarClose) === null || _a === void 0 ? void 0 : _a.call(reactDatePickerProps);
+    }, [picker, reactDatePickerProps]);
+    return (_jsx("div", Object.assign({ className: classes }, { children: _jsx(ReactDatePicker, Object.assign({ ref: datetimeRef, customInput: _jsx(TextInput, Object.assign({ ref: ref, "aria-label": "Date picker input", rightIcon: _jsx(CalendarIconOutline, { onClick: (e) => {
+                        var _a;
+                        if ((_a = datetimeRef.current) === null || _a === void 0 ? void 0 : _a.isCalendarOpen()) {
+                            datetimeRef.current.setOpen(false);
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }
+                    }, "aria-label": "Calender Icon" }) }, textInputProps, { disabled: disabled })), disabled: disabled, showMonthYearPicker: picker === 'month', showYearPicker: picker === 'year', shouldCloseOnSelect: picker === 'day', dayClassName: () => 'ndl-datepicker-day', renderCustomHeader: CustomHeader }, reactDatePickerProps, { onChange: interceptedChange, onCalendarClose: interceptedOnCalendarClose })) })));
+});
+//# sourceMappingURL=DatePicker.js.map

package/lib/esm/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/lib/esm/date-picker/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './DatePicker';
+//# sourceMappingURL=index.js.map

package/lib/esm/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,cAAc,CAAC"}

package/lib/esm/index.js

@@ -26,6 +26,7 @@ export * from './checkbox';
 export * from './switch';
 export * from './radio';
 export * from './context-menu';
+export * from './date-picker';
 export * from './dialog';
 export * from './modal';
 export * from './loading-spinner';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/lib/types/date-picker/DatePicker.d.ts

@@ -0,0 +1,35 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/// <reference types="react" />
+import { ReactDatePickerProps } from 'react-datepicker';
+import { TextInputProperties } from '../text-input/TextInput';
+import { ElementBase } from '../helpers';
+export interface DatePickerProps<WithRange extends boolean = false> extends ElementBase<'div'> {
+    /** Add Component type here   */
+    textInputProps?: TextInputProperties;
+    disabled?: boolean;
+    /**
+     * Props passed to the react-datepicker component
+     * https://reactdatepicker.com/
+     */
+    reactDatePickerProps: ReactDatePickerProps<string, WithRange>;
+}
+export declare const DatePicker: <T extends boolean>(props: DatePickerProps<T> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/lib/types/date-picker/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './DatePicker';

package/lib/types/index.d.ts

@@ -26,6 +26,7 @@ export * from './checkbox';
 export * from './switch';
 export * from './radio';
 export * from './context-menu';
+export * from './date-picker';
 export * from './dialog';
 export * from './modal';
 export * from './loading-spinner';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "1.8.19",
+  "version": "1.9.0",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -62,6 +62,7 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest-axe": "^3.5.3",
     "@types/react": "17.0.62",
+    "@types/react-datepicker": "^4.11.2",
     "@types/react-dom": "17.0.18",
     "@types/react-syntax-highlighter": "^15.5.5",
     "@types/react-table": "^7.7.10",
@@ -92,12 +93,14 @@
     "@floating-ui/react": "^0.24.2",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^1.8.13",
+    "@neo4j-ndl/base": "^1.9.0",
     "@tanstack/react-table": "^8.9.3",
     "classnames": "^2.3.1",
+    "date-fns": "^2.30.0",
     "detect-browser": "^5.3.0",
     "re-resizable": "^6.9.9",
     "react-aria": "^3.25.0",
+    "react-datepicker": "^4.14.1",
     "react-dropzone": "^14.0.0",
     "react-focus-lock": "^2.9.4",
     "react-select": "5.7.0",