@qoretechnologies/reqore 0.43.0 → 0.44.0

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { ReqoreComment } from './components/Comment';
 export { ReqoreCommentFeed } from './components/CommentFeed';
 export { default as ReqoreContent } from './components/Content';
 export { default as ReqoreControlGroup } from './components/ControlGroup';
+export * from './components/DatePicker';
 export { ReqoreDrawer } from './components/Drawer';
 export { ReqoreBackdrop } from './components/Drawer/backdrop';
 export { default as ReqoreDropdown } from './components/Dropdown';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -38,6 +38,7 @@ var Content_1 = require("./components/Content");
 __createBinding(exports, Content_1, "default", "ReqoreContent");
 var ControlGroup_1 = require("./components/ControlGroup");
 __createBinding(exports, ControlGroup_1, "default", "ReqoreControlGroup");
+__exportStar(require("./components/DatePicker"), exports);
 var Drawer_1 = require("./components/Drawer");
 __createBinding(exports, Drawer_1, "ReqoreDrawer");
 var backdrop_1 = require("./components/Drawer/backdrop");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,yDAA8D;AAArD,uDAAc;AACvB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,4DAAiE;AAAxD,iEAAmB;AAC5B,qDAAmC;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,qDAA8D;AAArD,yDAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,8CAAuD;AAA9C,uDAAgB;AACzB,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,sDAAoC;AACpC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,gDAAqD;AAA5C,qDAAa;AACtB,4CAA4D;AAAnD,4DAAsB;AAC/B,gDAA8D;AAArD,wDAAmB;AAC5B,4DAAsE;AAA7D,gEAAqB;AAC9B,8CAAmE;AAA1D,6DAAyB;AAClC,kDAA4D;AAAnD,sDAAgB;AACzB,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8CAAgE;AAAvD,gEAAyB;AAClC,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,6EAA4E;AAAnE,iFAAwB;AACjC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAAoD;AAA3C,yDAAe;AACxB,+CAA8C;AAArC,mDAAS;AAClB,6DAA6D;AAApD,kEAAiB;AAC1B,6CAAkD;AAAzC,uDAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,0DAAwC;AACxC,8CAAmD;AAA1C,mDAAY;AACrB,yDAA8D;AAArD,uDAAc;AACvB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,4DAAiE;AAAxD,iEAAmB;AAC5B,qDAAmC;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,qDAA8D;AAArD,yDAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,8CAAuD;AAA9C,uDAAgB;AACzB,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,sDAAoC;AACpC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,gDAAqD;AAA5C,qDAAa;AACtB,4CAA4D;AAAnD,4DAAsB;AAC/B,gDAA8D;AAArD,wDAAmB;AAC5B,4DAAsE;AAA7D,gEAAqB;AAC9B,8CAAmE;AAA1D,6DAAyB;AAClC,kDAA4D;AAAnD,sDAAgB;AACzB,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8CAAgE;AAAvD,gEAAyB;AAClC,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,6EAA4E;AAAnE,iFAAwB;AACjC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAAoD;AAA3C,yDAAe;AACxB,+CAA8C;AAArC,mDAAS;AAClB,6DAA6D;AAApD,kEAAiB;AAC1B,6CAAkD;AAAzC,uDAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,6 +44,7 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@chromaui/addon-visual-tests": "^0.0.98",
+    "@netsells/storybook-mockdate": "^0.3.3",
     "@storybook/addon-actions": "^7.5.1",
     "@storybook/addon-essentials": "^7.5.1",
     "@storybook/addon-interactions": "^7.5.1",
@@ -94,6 +95,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
+    "@internationalized/date": "^3.5.3",
     "@popperjs/core": "^2.11.6",
     "@radix-ui/react-slider": "^1.1.2",
     "@react-spring/web": "^9.6.1",
@@ -103,6 +105,7 @@
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "re-resizable": "^6.9.0",
+    "react-aria-components": "^1.2.0",
     "react-icons": "^4.7.1",
     "react-popper": "^2.3.0",
     "react-scrollbar": "^0.5.6",

package/src/components/Button/index.tsx

@@ -95,6 +95,7 @@ export interface IReqoreButtonProps
   rounded?: boolean;
 
   pill?: boolean;
+  circle?: boolean;
 }
 
 export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
@@ -155,8 +156,12 @@ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
   flex-grow: ${({ grow }) => grow};
   align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
 
-  border-radius: ${({ size, rounded, pill }) =>
-    rounded === false ? undefined : RADIUS_FROM_SIZE[size] * (pill ? PILL_RADIUS_MODIFIER : 1)}px;
+  border-radius: ${({ size, rounded, pill, circle }) =>
+    rounded === false
+      ? undefined
+      : circle
+      ? 9999
+      : RADIUS_FROM_SIZE[size] * (pill ? PILL_RADIUS_MODIFIER : 1)}px;
 
   background-color: ${({ minimal, color }) => {
     if (minimal) {

package/src/components/DatePicker/index.tsx

@@ -0,0 +1,347 @@
+import {
+  getLocalTimeZone,
+  isSameDay,
+  parseAbsoluteToLocal,
+  Time,
+  toCalendarDateTime,
+  toZoned,
+  ZonedDateTime,
+} from '@internationalized/date';
+import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
+import {
+  Button,
+  Calendar,
+  CalendarCell,
+  CalendarGrid,
+  DateInput,
+  DatePicker as RADatePicker,
+  DatePickerProps,
+  DateSegment,
+  HeadingContext,
+  HeadingProps,
+  TimeField,
+  useContextProps,
+} from 'react-aria-components';
+import styled from 'styled-components';
+import { ReqorePanel, ReqorePopover } from '../..';
+import { changeLightness } from '../../helpers/colors';
+import { IPopoverControls } from '../../hooks/usePopover';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { useTooltip } from '../../hooks/useTooltip';
+import { DisabledElement } from '../../styles';
+import {
+  IReqoreIntent,
+  IWithReqoreCustomTheme,
+  IWithReqoreFlat,
+  IWithReqoreFluid,
+  IWithReqoreMinimal,
+  IWithReqoreSize,
+  IWithReqoreTooltip,
+  TReqoreTooltipProp,
+} from '../../types/global';
+import ReqoreButton, { IReqoreButtonProps } from '../Button';
+import ReqoreControlGroup from '../ControlGroup';
+import { IReqoreTextEffectProps } from '../Effect';
+import ReqoreInput from '../Input';
+import { IReqorePanelProps } from '../Panel';
+import { IReqorePopoverProps } from '../Popover';
+
+type TDateValue = string | Date | null;
+export interface IDatePickerProps<T extends TDateValue>
+  extends Omit<DatePickerProps<ZonedDateTime>, 'value' | 'onChange' | 'defaultValue'>,
+    IWithReqoreSize,
+    IWithReqoreTooltip,
+    IWithReqoreFlat,
+    IWithReqoreMinimal,
+    IWithReqoreFluid,
+    IWithReqoreCustomTheme,
+    IReqoreIntent {
+  value: T;
+  onChange(value: T): void;
+
+  rounded?: boolean;
+  pill?: boolean;
+  isClearable?: boolean;
+  onClearClick?(): void;
+
+  closeOnSelect?: boolean;
+
+  popoverProps?: Partial<IReqorePopoverProps>;
+  inputProps?: IReqoreTextEffectProps;
+  timeInputProps?: IReqoreTextEffectProps;
+  pickerProps?: IReqorePanelProps;
+  calendarProps?: React.ComponentProps<typeof Calendar>;
+  timeFieldProps?: React.ComponentProps<typeof TimeField<Time>>;
+  pickerDayProps?: IReqoreButtonProps;
+  pickerActiveDayProps?: IReqoreButtonProps;
+}
+
+const StyledRADatePicker: typeof RADatePicker = styled(RADatePicker)`
+  &[data-fluid='false'] {
+    min-width: 220px;
+    width: fit-content;
+  }
+`;
+const StyledDateSegment: typeof DateSegment = styled(DateSegment)`
+  padding: 2px;
+
+  &:focus {
+    background-color: ${(props) => changeLightness(props.theme.main, 0.1)};
+    outline: none;
+    border-radius: 4px;
+  }
+`;
+const StyledDateInput: typeof DateInput = styled(DateInput)`
+  display: inline-flex;
+  align-items: center;
+`;
+
+const StyledTimeField: typeof TimeField = styled(TimeField)`
+  display: flex;
+  flex: 1 auto;
+`;
+
+// utility to convert date to ZonedDateTime because datepicker can't use Date
+const toDate = (date?: Date | string) => {
+  if (date) {
+    return parseAbsoluteToLocal(typeof date === 'string' ? date : date.toISOString());
+  }
+  return undefined;
+};
+
+const StyledCalendarCell: typeof CalendarCell = styled(CalendarCell)`
+  &[data-disabled='true']:not([data-selected='true']) {
+    ${DisabledElement}
+  }
+  &:focus {
+    outline: none;
+  }
+`;
+const Heading = (props: HeadingProps) => {
+  [props] = useContextProps(props, undefined, HeadingContext);
+
+  return <>{props.children}</>;
+};
+const DatePickerTooltip = ({
+  targetElement,
+  tooltip,
+}: {
+  targetElement: HTMLElement | undefined;
+  tooltip?: TReqoreTooltipProp;
+}) => {
+  useTooltip(targetElement, tooltip);
+
+  return null;
+};
+
+export const DatePicker = <T extends TDateValue>({
+  value: _value,
+  onChange,
+  fluid = true,
+  flat,
+  rounded,
+  minimal,
+  size = 'normal',
+  pill,
+  intent,
+  customTheme,
+  granularity = 'minute',
+  hourCycle = 24,
+  hideTimeZone = true,
+  shouldForceLeadingZeros = true,
+  onClearClick,
+  closeOnSelect = true,
+  tooltip,
+  popoverProps,
+  inputProps,
+  pickerProps,
+  timeInputProps,
+  timeFieldProps,
+  pickerActiveDayProps,
+  pickerDayProps,
+  ...props
+}: IDatePickerProps<T>) => {
+  const value = useMemo(() => (_value ? toDate(_value) : null), [_value]);
+  // save time in separate state because date can be cleared and equals to null
+  const [time, setTime] = useState<Time>(() => {
+    if (!value) return undefined;
+    return new Time(
+      value?.hour ?? 0,
+      value?.minute ?? 0,
+      value?.second ?? 0,
+      value?.millisecond ?? 0
+    );
+  });
+  const theme = useReqoreTheme('main', customTheme, intent);
+  const popoverData = useRef({} as IPopoverControls);
+  const [containerRef, setContainerRef] = useState<HTMLElement>(undefined);
+  const showTime = granularity === 'minute' || granularity === 'second' || granularity === 'hour';
+  // use ref to save value type since datepicker can have null values
+  const isStringRef = useRef(typeof _value === 'string');
+  useLayoutEffect(() => {
+    if (value) isStringRef.current = typeof _value === 'string';
+  });
+
+  const handleDateChange: DatePickerProps<ZonedDateTime>['onChange'] = (value) => {
+    let date: Date;
+    // if previous value is null apply saved time state
+    if (!_value && time) {
+      date = toZoned(toCalendarDateTime(value, time), getLocalTimeZone()).toDate();
+    } else {
+      // set date and time from changed value
+      date = value ? value.toDate() : null;
+      if (date) setTime(new Time(value?.hour, value?.minute, value?.second, value?.millisecond));
+    }
+    onChange?.((isStringRef.current ? date?.toISOString() : date) as T);
+
+    if (closeOnSelect && !showTime) {
+      popoverData.current?.close();
+    }
+  };
+  const onTimeChange = (time: Time | null) => {
+    if (!time) return;
+
+    setTime(time);
+    if (value) {
+      const date = toZoned(toCalendarDateTime(value, time), getLocalTimeZone());
+      handleDateChange?.(date);
+    }
+  };
+  const handleClearClick = () => {
+    if (value) onChange(null);
+    if (time) setTime(new Time(0, 0, 0, 0));
+    onClearClick?.();
+  };
+
+  return (
+    <StyledRADatePicker
+      value={value}
+      onChange={handleDateChange}
+      granularity={granularity}
+      hideTimeZone={hideTimeZone}
+      shouldForceLeadingZeros={shouldForceLeadingZeros}
+      hourCycle={hourCycle}
+      data-fluid={fluid}
+      aria-label='Date'
+      ref={(node) => setContainerRef(node)}
+      {...props}
+    >
+      <DatePickerTooltip targetElement={containerRef} tooltip={tooltip} />
+      <ReqorePopover
+        component={ReqoreInput}
+        componentProps={{
+          as: StyledDateInput,
+          onClearClick: handleClearClick,
+          fluid,
+          value,
+          rounded,
+          size,
+          pill,
+          minimal,
+          intent,
+          flat,
+          icon: 'CalendarLine',
+          ...inputProps,
+        }}
+        passPopoverData={(data) => (popoverData.current = data)}
+        isReqoreComponent
+        noWrapper
+        handler='click'
+        placement='bottom-start'
+        noArrow
+        {...popoverProps}
+        content={
+          <Calendar<ZonedDateTime> value={value} onChange={handleDateChange}>
+            <ReqorePanel
+              minimal
+              size='small'
+              responsiveTitle={false}
+              intent={intent}
+              label={<Heading />}
+              {...pickerProps}
+              actions={[
+                {
+                  as: ReqoreButton,
+                  props: {
+                    as: Button,
+                    customTheme: theme,
+                    slot: 'previous',
+                    icon: 'ArrowLeftFill',
+                  },
+                },
+                {
+                  as: ReqoreButton,
+                  props: {
+                    as: Button,
+                    customTheme: theme,
+                    slot: 'next',
+                    icon: 'ArrowRightFill',
+                  },
+                },
+              ]}
+            >
+              <CalendarGrid>
+                {(date) => {
+                  const isSelected = value && isSameDay(date, value);
+                  return (
+                    <StyledCalendarCell
+                      data-selected={isSelected}
+                      date={date}
+                      key={date.toString()}
+                    >
+                      <ReqoreButton
+                        key={date.toString()}
+                        customTheme={isSelected ? theme : { main: 'transparent' }}
+                        label={date.day}
+                        onClick={() => handleDateChange(toZoned(date, getLocalTimeZone()))}
+                        active={isSelected}
+                        textAlign='center'
+                        circle
+                        minimal
+                        flat
+                        compact
+                        {...(isSelected ? pickerActiveDayProps : pickerDayProps)}
+                      />
+                    </StyledCalendarCell>
+                  );
+                }}
+              </CalendarGrid>
+              {showTime && (
+                <ReqoreControlGroup fluid>
+                  <StyledTimeField
+                    value={time}
+                    onChange={onTimeChange}
+                    granularity={granularity}
+                    hideTimeZone={hideTimeZone}
+                    shouldForceLeadingZeros={shouldForceLeadingZeros}
+                    hourCycle={hourCycle}
+                    aria-label='Time'
+                    {...timeFieldProps}
+                  >
+                    <ReqoreInput
+                      icon='TimeLine'
+                      fluid
+                      as={StyledDateInput}
+                      flat={flat}
+                      rounded={rounded}
+                      minimal={minimal}
+                      size={size}
+                      pill={pill}
+                      intent={intent}
+                      theme={theme}
+                      {...timeInputProps}
+                    >
+                      {(segment) => <StyledDateSegment segment={segment} />}
+                    </ReqoreInput>
+                  </StyledTimeField>
+                </ReqoreControlGroup>
+              )}
+            </ReqorePanel>
+          </Calendar>
+        }
+      >
+        {(segment) => <StyledDateSegment segment={segment} />}
+      </ReqorePopover>
+    </StyledRADatePicker>
+  );
+};

package/src/components/Effect/index.tsx

@@ -47,6 +47,7 @@ export type TReqoreEffectColorManipulationMultiplier =
   | 29
   | 30;
 export type TReqoreEffectColorManipulationAlpha =
+  | 0
   | 0.1
   | 0.2
   | 0.3

package/src/components/Input/index.tsx

@@ -31,7 +31,7 @@ import ReqoreIcon, { IReqoreIconProps } from '../Icon';
 import ReqoreInputClearButton from '../InputClearButton';
 
 export interface IReqoreInputProps
-  extends React.HTMLAttributes<HTMLInputElement>,
+  extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'children'>,
     IReqoreDisabled,
     IReqoreReadOnly,
     IReqoreIntent,
@@ -63,6 +63,9 @@ export interface IReqoreInputProps
   rightIconProps?: IReqoreIconProps;
 
   pill?: boolean;
+
+  children?: React.ReactNode | ((props: any) => React.ReactNode);
+  as?: string | React.ElementType;
 }
 
 export interface IReqoreInputStyle extends IReqoreInputProps {
@@ -242,13 +245,13 @@ const ReqoreInput = forwardRef<HTMLDivElement, IReqoreInputProps>(
           </StyledIconWrapper>
         )}
         <StyledInput
+          as='input'
           {...omit(rest, ['children'])}
           effect={{
             interactive: !rest?.disabled && !readOnly,
             ...rest?.effect,
           }}
           onChange={!readOnly && !rest?.disabled ? rest?.onChange : undefined}
-          as='input'
           ref={(ref) => setInputRef(ref)}
           theme={theme}
           _size={size}
@@ -257,13 +260,23 @@ const ReqoreInput = forwardRef<HTMLDivElement, IReqoreInputProps>(
           rounded={rounded}
           hasIcon={!!icon}
           hasRightIcon={!!rightIcon}
-          clearable={!rest?.disabled && !readOnly && !!(onClearClick && rest?.onChange)}
+          clearable={
+            !rest?.disabled &&
+            !readOnly &&
+            !!(onClearClick && (rest.as || rest.children || rest?.onChange))
+          }
           className={`${className || ''} reqore-control reqore-input`}
           readOnly={readOnly}
           pill={pill}
-        />
+        >
+          {rest?.children}
+        </StyledInput>
         <ReqoreInputClearButton
-          enabled={!readOnly && !rest?.disabled && !!(onClearClick && rest?.onChange)}
+          enabled={
+            !readOnly &&
+            !rest?.disabled &&
+            !!(onClearClick && (rest.as || rest.children || rest?.onChange))
+          }
           onClick={onClearClick}
           hasRightIcon={!!rightIcon}
           size={size}

package/src/components/InternalPopover/index.tsx

@@ -30,15 +30,15 @@ const getPopoverArrowColor = ({ theme, dim, intent, flat, effect, isOpaque }) =>
           0.04
         )
       : intent
-      ? changeLightness(getNotificationIntent(theme, intent), flat ? 0.1 : 0.2)
-      : theme.popover?.main ||
-        rgba(
-          changeLightness(
-            flat ? theme.main : getNotificationIntent(theme, intent),
-            flat ? 0.1 : 0.2
+        ? changeLightness(getNotificationIntent(theme, intent), flat ? 0.1 : 0.2)
+        : theme.popover?.main ||
+          rgba(
+            changeLightness(
+              flat ? theme.main : getNotificationIntent(theme, intent),
+              flat ? 0.1 : 0.2
+            ),
+            isOpaque ? 1 : 0.3
           ),
-          isOpaque ? 1 : 0.3
-        ),
     dim ? 0.3 : 1
   );
 
@@ -58,7 +58,7 @@ const StyledPopoverArrow = styled.div<{ theme: IReqoreTheme }>`
   }
 `;
 
-const StyledPopoverWrapper = styled.div<{ theme: IReqoreTheme }>`
+export const StyledPopoverWrapper = styled.div<{ theme: IReqoreTheme }>`
   animation: 0.2s ${fadeIn} ease-out;
   max-width: ${({ maxWidth }) => maxWidth};
   max-height: ${({ maxHeight }) => maxHeight};
@@ -131,7 +131,7 @@ const StyledPopoverWrapper = styled.div<{ theme: IReqoreTheme }>`
   }
 `;
 
-const StyledPopoverContent = styled.div`
+export const StyledPopoverContent = styled.div`
   width: 100%;
   height: 100%;
   z-index: 20;

package/src/index.tsx

@@ -9,6 +9,7 @@ export { ReqoreComment } from './components/Comment';
 export { ReqoreCommentFeed } from './components/CommentFeed';
 export { default as ReqoreContent } from './components/Content';
 export { default as ReqoreControlGroup } from './components/ControlGroup';
+export * from './components/DatePicker';
 export { ReqoreDrawer } from './components/Drawer';
 export { ReqoreBackdrop } from './components/Drawer/backdrop';
 export { default as ReqoreDropdown } from './components/Dropdown';