@indico-data/design-system 3.0.7 → 3.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "",
   "author": "",
   "main": "lib/index.js",

package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.stories.tsx

@@ -13,6 +13,13 @@ const meta: Meta<typeof SingleInputDatePicker> = {
     ),
   ],
   argTypes: {
+    hasHiddenLabel: {
+      control: 'boolean',
+      description: 'Whether the label is hidden.',
+      table: {
+        category: 'Props',
+      },
+    },
     ariaLabel: {
       control: 'text',
       description: 'A label for assistive technologies.',

package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.tsx

@@ -24,6 +24,7 @@ export interface SingleInputDatePickerProps {
   isClearable?: boolean;
   inputPlaceholder?: string;
   errorMessage?: string | undefined;
+  hasHiddenLabel?: boolean;
   'data-testid'?: string;
 }
 
@@ -46,6 +47,7 @@ export function SingleInputDatePicker(props: SingleInputDatePickerProps) {
     isClearable,
     errorMessage,
     onSelect,
+    hasHiddenLabel,
     ...rest
   } = props;
 
@@ -97,6 +99,7 @@ export function SingleInputDatePicker(props: SingleInputDatePickerProps) {
         value={localTextValue}
         placeholder={inputPlaceholder}
         isDisabled={isDisabled}
+        hasHiddenLabel={hasHiddenLabel}
         iconName={inputIconName}
         isClearable={isClearable}
         onChange={handleInputChange}

package/src/components/forms/date/inputDateRangePicker/InputDateRangePicker.stories.tsx

@@ -15,6 +15,27 @@ const meta: Meta<typeof InputDateRangePicker> = {
     ),
   ],
   argTypes: {
+    hasHiddenLabel: {
+      control: 'boolean',
+      description: 'Whether the label is hidden.',
+      table: {
+        category: 'Props',
+      },
+    },
+    gutterWidth: {
+      control: 'number',
+      description: 'The gutter width for the date picker.',
+      table: {
+        category: 'Props',
+      },
+    },
+    setIsOpen: {
+      control: 'boolean',
+      description: 'Whether the date picker is open.',
+      table: {
+        category: 'Props',
+      },
+    },
     ariaLabel: {
       control: 'text',
       description: 'A label for assistive technologies.',

package/src/components/forms/date/inputDateRangePicker/InputDateRangePicker.tsx

@@ -32,6 +32,7 @@ interface InputDateRangePickerProps {
   toLabel?: string;
   closeOnSelect?: boolean;
   clearOnClose?: boolean;
+  hasHiddenLabel?: boolean;
 }
 
 export function InputDateRangePicker(props: InputDateRangePickerProps) {
@@ -57,6 +58,7 @@ export function InputDateRangePicker(props: InputDateRangePickerProps) {
     toLabel,
     closeOnSelect,
     clearOnClose,
+    hasHiddenLabel,
     ...rest
   } = props;
 
@@ -151,6 +153,7 @@ export function InputDateRangePicker(props: InputDateRangePickerProps) {
             label={fromLabel}
             name={'From Date'}
             data-testid="date-picker-from"
+            hasHiddenLabel={hasHiddenLabel}
           />
         </Col>
         <Col>
@@ -165,6 +168,7 @@ export function InputDateRangePicker(props: InputDateRangePickerProps) {
             label={toLabel}
             name={'To Date'}
             data-testid="date-picker-to"
+            hasHiddenLabel={hasHiddenLabel}
           />
         </Col>
       </Row>

package/src/components/forms/date/inputDateTimePicker/SingleInputDateTimePicker.stories.tsx

@@ -20,6 +20,14 @@ const meta: Meta<typeof SingleInputDateTimePicker> = {
     ),
   ],
   argTypes: {
+    hasHiddenLabel: {
+      control: 'boolean',
+      description: 'Whether the label is hidden.',
+      table: {
+        category: 'Props',
+      },
+    },
+
     timeValue: {
       control: 'text',
       description: 'The time value to display.',

package/src/components/forms/date/inputDateTimePicker/SingleInputDateTimePicker.tsx

@@ -27,6 +27,7 @@ export interface SingleInputDateTimePickerProps {
   inputPlaceholder?: string;
   errorMessage?: string | undefined;
   'data-testid'?: string;
+  hasHiddenLabel?: boolean;
   timeValue?: string;
   onTimeChange?: (time: string) => void;
 }
@@ -52,6 +53,7 @@ export function SingleInputDateTimePicker(props: SingleInputDateTimePickerProps)
     onSelect,
     timeValue,
     onTimeChange,
+    hasHiddenLabel,
     ...rest
   } = props;
 
@@ -113,7 +115,7 @@ export function SingleInputDateTimePicker(props: SingleInputDateTimePickerProps)
             isClearable={isClearable}
             onChange={handleInputChange}
             errorMessage={errorMessage}
-            hasHiddenLabel
+            hasHiddenLabel={hasHiddenLabel}
             label={'Single Date Picker'}
             name={`${id}-date-picker`}
           />

package/src/index.ts

@@ -20,6 +20,7 @@ export { TimePicker } from './components/forms/timePicker';
 export { IconTriggerDatePicker } from './components/forms/date/iconTriggerDatePicker';
 export { SingleInputDatePicker } from './components/forms/date/inputDatePicker';
 export { InputDateRangePicker } from './components/forms/date/inputDateRangePicker';
+export { SingleInputDateTimePicker } from './components/forms/date/inputDateTimePicker';
 export { Form } from './components/forms/form';
 export { Skeleton } from './components/skeleton';
 export { Card } from './components/card';