@digital-ai/dot-components 4.25.0 → 4.25.1

package/index.esm.js

@@ -13840,7 +13840,9 @@ const StyledDatePicker = styled(DatePicker)`
       }
 
       .dot-icon-btn .dot-i {
-        margin-top: -5px;
+        color: ${theme.palette.figma.typography.black};
+        margin-top: -6px;
+        margin-right: 6px;
       }
 
       .MuiFormLabel-root {
@@ -13951,7 +13953,9 @@ const StyledTimePicker = styled(TimePicker)`
       }
 
       .dot-icon-btn .dot-i {
-        margin-top: -5px;
+        margin-top: -6px;
+        margin-right: 6px;
+        color: ${theme.palette.figma.typography.black};
       }
 
       .MuiFormLabel-root {
@@ -52599,7 +52603,8 @@ const DotDatePicker = ({
             children: [error && jsx(DotIcon, {
               className: "dot-error-icon",
               "data-testid": "dot-error-icon",
-              iconId: "error-solid"
+              iconId: "error-solid",
+              fontSize: "large"
             }), jsx(DotIconButton, {
               ariaLabel: "Open date picker",
               "data-pendoid": "date-picker-open-btn",
@@ -53006,7 +53011,8 @@ const DotTimePicker = ({
                 children: [error && jsx(DotIcon, {
                   className: "dot-error-icon",
                   "data-testid": dataTestId && `${dataTestId}-input-error-icon`,
-                  iconId: "error-solid"
+                  iconId: "error-solid",
+                  fontSize: "large"
                 }), !disableOpenPicker && !isComponentReadOnly && !disabled && jsx(DotIconButton, {
                   ariaLabel: "Open time picker",
                   "data-pendoid": dataPendoId && `${dataPendoId}-open-btn`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.25.0",
+  "version": "4.25.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/date-picker/DatePicker.d.ts

@@ -80,6 +80,6 @@ export interface DatePickerProps extends CommonProps {
      */
     showDaysOutsideCurrentMonth?: boolean;
     /** The selected value. Used when the component is controlled. Date in ISO 8601 format, ie: YYYY-MM-DD  */
-    value?: string;
+    value?: string | null;
 }
 export declare const DotDatePicker: ({ ariaLabel, autoFocus, className, closeOnSelect, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, disableOpenPicker, disablePast, disablePortal, disabled, displayWeekNumber, displayClearButton, error, fixedWeekNumber, focusInputOnPopperOpened, format, fullWidth, helperText, inputId, inputName, label, locale, maxDate, minDate, onAccept, onBlur, onChange, onClose, onError, onKeyDown, onOpen, open, persistentLabel, readOnly, required, showDaysOutsideCurrentMonth, value, informationToolTip, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/time-picker/TimePicker.d.ts

@@ -55,7 +55,7 @@ export interface TimePickerProps extends CommonProps {
     /** If true, the label is displayed as required and the input element will be required. */
     required?: boolean;
     /** The selected value. Used when the component is controlled.  Time in ISO 8601 format, ie: HH:mm */
-    value?: string;
+    value?: string | null;
 }
 export declare const DEFAULT_PICKER_TIME_FORMAT = "HH:mm";
 export declare const DEFAULT_TIME_FORMAT = "HH:mm";