Update width of time picker to account for wider datetimes (#1822)

charliepark · Charlie Park · web-flow · commit 5a6dcea79dd6 · 2023-11-28T18:26:03.000-08:00
Co-authored-by: Charlie Park &lt;charliepark@Charlies-MacBook-Pro.local&gt;
diff --git a/libs/ui/lib/date-picker/DateRangePicker.tsx b/libs/ui/lib/date-picker/DateRangePicker.tsx
@@ -68,7 +68,7 @@ export function DateRangePicker(props: DateRangePickerProps) {
               : 'border-default ring-accent-secondary'
           )}
         >
-          <div className={cn('relative flex w-[16rem] items-center px-3 text-sans-md')}>
+          <div className={cn('relative flex w-[17rem] items-center px-3 text-sans-md')}>
             {label}
             {state.isInvalid && (
               <div className="absolute bottom-0 right-2 top-0 flex items-center text-error">

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export function DateRangePicker(props: DateRangePickerProps) {`
`68`	`68`	`: 'border-default ring-accent-secondary'`
`69`	`69`	`)}`
`70`	`70`	`>`
`71`		`- <div className={cn('relative flex w-[16rem] items-center px-3 text-sans-md')}>`
	`71`	`+ <div className={cn('relative flex w-[17rem] items-center px-3 text-sans-md')}>`
`72`	`72`	`{label}`
`73`	`73`	`{state.isInvalid && (`
`74`	`74`	`<div className="absolute bottom-0 right-2 top-0 flex items-center text-error">`