studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨(react) enhance DatePicker component styles

Browse Source 
update DatePicker token and css files with new css variables introduce
with the new tokens architectures
This commit is contained in:
Nathan Panchout
2025-08-22 10:12:39 +02:00
committed by NathanVss
parent 91aead45d9
commit 8f71cdb7f9
6 changed files with 137 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/react/src/components/Forms/DatePicker/index.stories.tsx
View File

@@ -117,7 +117,7 @@ export const Controlled = () => {
const [value, setValue] = useState<string | null>("2023-04-25T12:00:00.000Z");
return (
<div>
<div className="clr-greyscale-900">
<div className="clr-gray-900">
Value: <span>{value?.toString()}</span>
</div>
<DatePicker
@@ -140,7 +140,7 @@ export const ReactHookForm = () => {
resolver: yupResolver(
Yup.object().shape({
date: Yup.string().required(),
}),
})
),
});
@@ -195,7 +195,7 @@ export const RangeControlled = () => {
]);
return (
<>
<div className="clr-greyscale-900">Value: {value?.join(" ")}</div>
<div className="clr-gray-900">Value: {value?.join(" ")}</div>
<div
style={{
display: "flex",
@@ -226,7 +226,7 @@ export const RangeControlledFull = () => {
]);
return (
<>
<div className="clr-greyscale-900">Value: {value?.join(" ")}</div>
<div className="clr-gray-900">Value: {value?.join(" ")}</div>
<div
style={{
display: "flex",