XS-30: adds translation-blacklist tag for DatePicker and Key

kirtesh-xola · Apr 12, 2024 · 1607d45 · 1607d45
1 parent 4f95451
commit 1607d45
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/DatePicker/DatePickerPopover.jsx b/src/components/DatePicker/DatePickerPopover.jsx
@@ -110,7 +110,7 @@ const DefaultInput = forwardRef(({ className, ...rest }, reference) => {
                 <CalendarIcon className="z-10 inline-block" />
             </div>
 
-            <Input className={clsx("cursor-pointer px-8", className)} {...rest} />
+            <Input className={clsx("no-translate cursor-pointer px-8", className)} {...rest} />
 
             <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
                 <DownArrowIcon className="inline-block" />

diff --git a/src/components/DatePicker/LocalizedDayPicker.tsx b/src/components/DatePicker/LocalizedDayPicker.tsx
@@ -3,8 +3,9 @@ import { Context } from "../Provider";
 import DayPicker, { DayPickerProps } from "react-day-picker";
 import { forwardRef, useEffect, useState } from "react";
 import { getLocalizationProps, LocaleCode, LocalizationProps } from "./DatePicker.helpers";
+import clsx from "clsx";
 
-export const LocalizedDayPicker = forwardRef<any, DayPickerProps>((props, ref) => {
+export const LocalizedDayPicker = forwardRef<any, DayPickerProps>(({ className, ...rest }, ref) => {
     const { locale } = useContext(Context);
     const [localizationProps, setLocalizationProps] = useState<Partial<LocalizationProps>>({});
 
@@ -17,5 +18,5 @@ export const LocalizedDayPicker = forwardRef<any, DayPickerProps>((props, ref) =
         getLocalizationProps(locale as LocaleCode).then(setLocalizationProps);
     }, [locale]);
 
-    return <DayPicker ref={ref} {...localizationProps} {...props} />;
+    return <DayPicker ref={ref} className={clsx("no-translate", className)} {...localizationProps} {...rest} />;
 });
diff --git a/src/components/Key.jsx b/src/components/Key.jsx
@@ -10,7 +10,7 @@ export const Key = ({ char, className, ...rest }) => {
         <div
             className={clsx(
                 "ui-key",
-                "inline-flex h-5 items-center justify-center rounded bg-gray-lighter py-1 px-2 text-xs font-semibold text-gray",
+                "no-translate inline-flex h-5 items-center justify-center rounded bg-gray-lighter py-1 px-2 text-xs font-semibold text-gray",
                 key.length === 1 && "w-5",
                 className,
             )}