oziko-ui-kit 0.0.83 → 0.0.84

package/dist/components/atoms/date-picker/DatePicker.d.ts

@@ -1,8 +1,10 @@
+import React from "react";
 import type { DatePickerProps as AntDatePickerProps } from "antd";
 export type AntDatePickerSharedProps = Omit<AntDatePickerProps, "value" | "onChange">;
-type DatePickerProps = {
-    onChange?: (value: string | string[]) => void;
+export type DatePickerProps = {
+    onChange?: (value: string | string[] | null) => void;
     value: Date | string | null | undefined;
+    renderLabel?: (label: string) => React.ReactNode;
 } & AntDatePickerSharedProps;
-declare const DatePicker: ({ value, onChange, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ value, onChange, renderLabel, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/index.css

@@ -1107,6 +1107,23 @@ code {
   top: 56%;
   inset-inline-end: 1;
 }
+
+.DatePicker-module_stringValueWrapper__6UTWs {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.DatePicker-module_stringValue__BAJKp {
+  font-size: 14px;
+  text-transform: capitalize;
+  padding: 2px 8px;
+}
+
+.DatePicker-module_hiddenAntDatePicker__OxApk {
+  visibility: hidden;
+  width: 0px !important;
+}
 .Directory-module_moreIcon__V7kXf {
   cursor: pointer;
 }
@@ -2916,6 +2933,46 @@ input:checked + .Switch-module_slider__sHGGR::before {
 .Date-module_text__eXWDJ {
   color: var(--oziko-color-input-placeholder) !important;
 }
+
+.Date-module_dateInput__hx3cC {
+  height: 36px !important;
+}
+
+.Date-module_stringValueWrapper__XM06v {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.Date-module_iconGroup__W1sPW {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  gap: 6px;
+  cursor: pointer;
+}
+
+.Date-module_clearIcon__rTC7y {
+  font-size: 16px;
+  user-select: none;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity var(--oziko-transition-duration) ease;
+}
+
+.Date-module_stringValueWrapper__XM06v:hover .Date-module_clearIcon__rTC7y {
+  opacity: 0.7;
+}
+
+.Date-module_clearIcon__rTC7y:hover {
+  opacity: 1 !important;
+}
+
+.Date-module_stringValue__eJN9C {
+  font-size: 14px;
+  text-transform: capitalize;
+  padding: 2px 8px;
+}
 .Boolean-module_container__RN4yt {
   background-color: var(--oziko-color-input-background);
   border-radius: var(--oziko-border-radius-md);
@@ -3494,6 +3551,7 @@ button.font-increment {
   border-radius: var(--oziko-border-radius-md);
   color: var(--oziko-color-input-placeholder);
   padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  height: 36px !important;
 }
 .Date-module_minimizedDatePicker__ZIsQ7 input {
   padding: 0;