diff --git a/src/components/ui/date-input.tsx b/src/components/ui/date-input.tsx deleted file mode 100644 index 9dc58d59a..000000000 --- a/src/components/ui/date-input.tsx +++ /dev/null @@ -1,63 +0,0 @@ -"use client"; - -import * as React from "react"; - -import { Input } from "@/components/ui/input"; -import { cn } from "@/lib/utils"; -import { useTranslations } from "@/lib/i18n/context"; - -/** - * Native date input that hints the active locale via `lang=`. Browsers - * use this hint to render the calendar widget in dd.MM.yyyy / MM/dd/yyyy - * order, which is the user-visible format we want to follow the app's - * EN/DE preference. Wrapping the prop here keeps every callsite from - * having to pull `locale` out of `useTranslations()` just to feed it - * back into the same JSX prop, and guarantees a future date input - * cannot silently regress by forgetting the hint. - * - * v1.4.33 — height parity with `` and ``. - * - * Mobile Safari + Android Chrome give `type="date"` (and - * `type="datetime-local"`) an intrinsic chrome that puffs the - * field past Tailwind's `h-10`, so the DOB cell on - * `/settings/account` rendered ~6 px taller than its row siblings - * and roughly 12 px wider on the Pixel-5 mobile-pass screenshots. - * `appearance-none` switches the native widget off, then - * `min-h-10` re-asserts the contract that every other input - * primitive ships. The `:webkit-date-and-time-value` shadow rule - * forces the embedded value text to occupy at least one full line - * even when iOS shrinks its placeholder, so the field looks - * identical on both engines. - */ -// v1.4.34 IW-G — match the `` mobile floor (44 px) so date and -// datetime fields don't sit below the WCAG 2.5.5 target-size minimum -// on Pixel-5-class viewports. Desktop falls back to the 40 px norm. -const DATE_INPUT_HEIGHT_CLASSES = - "appearance-none min-h-11 h-11 sm:min-h-10 sm:h-10 [&::-webkit-date-and-time-value]:min-h-[1.5em]"; - -type InputProps = React.ComponentProps; -type DateInputProps = Omit; - -export function DateInput({ className, ...props }: DateInputProps) { - const { locale } = useTranslations(); - return ( - - ); -} - -export function DateTimeInput({ className, ...props }: DateInputProps) { - const { locale } = useTranslations(); - return ( - - ); -}