diff --git a/src/components/DatePicker/Provider.jsx b/src/components/DatePicker/Provider.jsx
index 4e0ed6059..c771c8c41 100644
--- a/src/components/DatePicker/Provider.jsx
+++ b/src/components/DatePicker/Provider.jsx
@@ -1,66 +1,73 @@
import React from "react";
import { ConfigProvider } from "antd";
+import { useTranslation } from "react-i18next";
+import { ANTD_LOCALE } from "components/constants";
import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from "utils";
-const Provider = ({ children }) => (
- {
+ const { i18n } = useTranslation();
- // Global overrides
- colorBgContainer: "rgb(var(--neeto-ui-white))",
- colorBgElevated: "rgb(var(--neeto-ui-white))",
- colorPrimary: "rgb(var(--neeto-ui-primary-500))",
- colorPrimaryBorder: "rgb(var(--neeto-ui-primary-100))",
- colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
- colorBorder: "rgb(var(--neeto-ui-gray-300))",
- colorError: "rgb(var(--neeto-ui-error-500))",
- colorErrorHover: "rgb(var(--neeto-ui-error-600))",
- colorErrorOutline: "rgb(var(--neeto-ui-error-100))",
- colorFillAlter: "rgb(var(--neeto-ui-gray-100))",
- colorIcon: "rgb(var(--neeto-ui-gray-700))",
- colorIconHover: "rgb(var(--neeto-ui-gray-800))",
- colorLink: "rgb(var(--neeto-ui-primary-500))",
- colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
- colorLinkActive: "rgb(var(--neeto-ui-primary-800))",
- colorSplit: "rgb(var(--neeto-ui-gray-200))",
- colorText: "rgb(var(--neeto-ui-gray-800))",
- colorTextDescription: "rgb(var(--neeto-ui-gray-700))",
- colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
- colorTextHeading: "rgb(var(--neeto-ui-black))",
- colorTextLightSolid: "rgb(var(--neeto-ui-white))",
- colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
- colorTextQuaternary: "rgb(var(--neeto-ui-gray-400))",
- colorWarning: "rgb(var(--neeto-ui-warning-500))",
- colorWarningHover: "rgb(var(--neeto-ui-warning-600))",
- colorWarningOutline: "rgb(var(--neeto-ui-warning-100))",
- controlItemBgActive: "rgb(var(--neeto-ui-pastel-purple))",
- controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
- controlOutline: "rgb(var(--neeto-ui-gray-300))",
+ return (
+
- {children}
-
-);
+ }}
+ >
+ {children}
+
+ );
+};
export default Provider;
diff --git a/src/components/Slider/index.jsx b/src/components/Slider/index.jsx
index 3ddcfe26b..ec0d43ef3 100644
--- a/src/components/Slider/index.jsx
+++ b/src/components/Slider/index.jsx
@@ -2,7 +2,9 @@ import React from "react";
import { Slider as AntdSlider, ConfigProvider } from "antd";
import PropTypes from "prop-types";
+import { useTranslation } from "react-i18next";
+import { ANTD_LOCALE } from "components/constants";
import Label from "components/Label";
import { useId } from "hooks";
import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, hyphenize, noop } from "utils";
@@ -24,8 +26,11 @@ const Slider = ({
const errorId = `error_${id}`;
const helpTextId = `helpText_${id}`;
+ const { i18n } = useTranslation();
+
return (
{
+ const { i18n } = useTranslation();
const [containerHeight, setContainerHeight] = useState(null);
const [headerHeight, setHeaderHeight] = useState(TABLE_DEFAULT_HEADER_HEIGHT);
const [columns, setColumns] = useState(columnData);
@@ -281,6 +284,7 @@ const Table = ({
const renderTable = () => (
(
- {
+ const { i18n } = useTranslation();
+
+ return (
+
-
-
-);
+ }}
+ >
+
+
+ );
+};
Tree.propTypes = {
/**
diff --git a/src/components/TreeSelect.jsx b/src/components/TreeSelect.jsx
index 4becd56e9..1a1f31c75 100644
--- a/src/components/TreeSelect.jsx
+++ b/src/components/TreeSelect.jsx
@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from "utils";
+import { ANTD_LOCALE } from "./constants";
import Label from "./Label";
const TreeSelect = forwardRef(
@@ -40,6 +41,7 @@ const TreeSelect = forwardRef(
return (