@sonardigital/carbon-ui 1.1.57 → 1.1.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonardigital/carbon-ui",
-  "version": "1.1.57",
+  "version": "1.1.61",
   "description": "",
   "main": "src/index.ts",
   "files": [

package/src/components/form/fields/FormDatePicker.tsx

@@ -1,5 +1,7 @@
+import { Stack } from '@mui/material';
 import { Controller } from 'react-hook-form';
 import { FormLabel } from '../layout';
+import { FormError } from '../layout/FormError';
 import { DatePicker, DatePickerProps } from '../../inputs/DatePicker';
 
 interface FormDatePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {
@@ -11,9 +13,12 @@ export function FormDatePicker({ name, label, ...props }: FormDatePickerProps):
   return (
     <Controller
       name={name}
-      render={({ field }) => (
+      render={({ field, fieldState }) => (
         <FormLabel label={label}>
-          <DatePicker {...field} {...props} />
+          <Stack gap={0.8}>
+            <DatePicker {...field} {...props} />
+            {fieldState.error && <FormError label={fieldState.error?.message ?? ''} />}
+          </Stack>
         </FormLabel>
       )}
     />

package/src/theme/constants/components.ts

@@ -194,6 +194,22 @@ export const components: Components<Omit<Theme, 'components' | 'palette'> & CssV
           },
         }),
       },
+      {
+        props: {
+          variant: 'contained',
+          color: 'secondary',
+        },
+        style: ({ theme }) => ({
+          ...defaultButtonStyle,
+          backgroundColor: theme.palette.secondary.light,
+          color: theme.palette.secondary.main,
+          '&:hover': {
+            boxShadow: 0,
+            backgroundColor: theme.palette.secondary.main,
+            color: 'white',
+          },
+        }),
+      },
       {
         props: {
           variant: 'contained',