refactor: update installed app component to handle missing params and improve type safety (#27331)

web/app/components/base/date-and-time-picker/time-picker/index.spec.tsx

@@ -3,6 +3,7 @@ import { fireEvent, render, screen } from '@testing-library/react'
 import TimePicker from './index'
 import dayjs from '../utils/dayjs'
 import { isDayjsObject } from '../utils/dayjs'
+import type { TimePickerProps } from '../types'
 
 jest.mock('react-i18next', () => ({
   useTranslation: () => ({
@@ -30,9 +31,10 @@ jest.mock('./options', () => () => <div data-testid="time-options" />)
 jest.mock('./header', () => () => <div data-testid="time-header" />)
 
 describe('TimePicker', () => {
-  const baseProps = {
+  const baseProps: Pick<TimePickerProps, 'onChange' | 'onClear' | 'value'> = {
     onChange: jest.fn(),
     onClear: jest.fn(),
+    value: undefined,
   }
 
   beforeEach(() => {

web/app/components/base/date-and-time-picker/utils/dayjs.ts

@@ -150,7 +150,7 @@ export const toDayjs = (value: string | Dayjs | undefined, options: ToDayjsOptio
 
   if (format) {
     const parsedWithFormat = tzName
-      ? dayjs.tz(trimmed, format, tzName, true)
+      ? dayjs(trimmed, format, true).tz(tzName, true)
       : dayjs(trimmed, format, true)
     if (parsedWithFormat.isValid())
       return parsedWithFormat
@@ -191,7 +191,7 @@ export const toDayjs = (value: string | Dayjs | undefined, options: ToDayjsOptio
   const candidateFormats = formats ?? COMMON_PARSE_FORMATS
   for (const fmt of candidateFormats) {
     const parsed = tzName
-      ? dayjs.tz(trimmed, fmt, tzName, true)
+      ? dayjs(trimmed, fmt, true).tz(tzName, true)
       : dayjs(trimmed, fmt, true)
     if (parsed.isValid())
       return parsed