@loadsmart/loadsmart-ui 6.1.1 → 6.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/loadsmart-ui",
-	"version": "6.1.1",
+	"version": "6.1.2",
 	"description": "Miranda UI, a React UI library",
 	"main": "dist",
 	"files": [

package/src/components/DatePicker/DatePicker.test.tsx

@@ -12,6 +12,7 @@ import renderer, { screen, fire } from '../../tests/renderer'
 
 import type { DatePickerProps } from './DatePicker.types'
 import type { CalendarMonthAlias } from '../Calendar'
+import { formatDate } from './useDatePicker'
 
 const { Playground } = composeStories(stories)
 
@@ -159,5 +160,15 @@ describe('DatePicker', () => {
 
       expect(selectedDays).toHaveLength(0)
     })
+
+    it('try to pass an invalid date', () => {
+      const date = '2022-32-33'
+      const formattedDate = formatDate(date)
+
+      setup({ value: formattedDate })
+
+      const datePickerInput = screen.getByLabelText('Select the date')
+      expect(datePickerInput).toHaveDisplayValue('') // invalid date is not applied
+    })
   })
 })

package/src/components/DatePicker/useDatePicker.ts

@@ -11,7 +11,7 @@ import type { DatePickerProps } from './DatePicker.types'
 export const formatter = DateFormatHelper('MM/DD/YYYY')
 
 export function formatDate(date?: number | string | null): string {
-  if (!date) {
+  if (!date || Number.isNaN(new Date(date).getTime())) {
     return ''
   }