Which UI Kit version is this bug for?
v5.x
Latest version
No Hitachi confidential content
Current behavior 😯
We are using the HvDatePicker component from hv-uikit-react (currently on version 5.102.0), and have noticed an issue that has persisted across previous versions as well.
Problem
When viewing the calendar for September, the component unnecessarily renders an additional row showing dates from the second week of October (e.g., October 5–11) in a disabled state. This extra row is not needed and causes confusion in the UI.
Expected behavior 🤔
If the last day of September (e.g., September 30) falls mid-week (say, Tuesday), it is acceptable to show the remaining days of that week (e.g., October 1–4) in the same row with a disabled state. However, the next row showing dates from October 5 onward should not be rendered until the user navigates to October.
Steps to reproduce 🕹
import {
HvDialog,
HvDialogContent,
HvDatePicker,
} from '@hitachivantara/uikit-react-core';
export const App = () => {
return (
);
};
https://stackblitz.com/edit/github-vrfxwscr?file=src%2FApp.tsx
Context 🔦
This behavior affects the clarity and usability of the calendar. Please let us know if this is a known issue or if a fix is planned.
Your Environment 🌎
Build tool: (Vite )
Device & OS: (Windows 11 laptop)
Browser: (e.g. Chrome )
hv-uikit-react version: 5.102.0
Which UI Kit version is this bug for?
v5.x
Latest version
No Hitachi confidential content
Current behavior 😯
We are using the HvDatePicker component from hv-uikit-react (currently on version 5.102.0), and have noticed an issue that has persisted across previous versions as well.
Problem
When viewing the calendar for September, the component unnecessarily renders an additional row showing dates from the second week of October (e.g., October 5–11) in a disabled state. This extra row is not needed and causes confusion in the UI.
Expected behavior 🤔
If the last day of September (e.g., September 30) falls mid-week (say, Tuesday), it is acceptable to show the remaining days of that week (e.g., October 1–4) in the same row with a disabled state. However, the next row showing dates from October 5 onward should not be rendered until the user navigates to October.
Steps to reproduce 🕹
import {
HvDialog,
HvDialogContent,
HvDatePicker,
} from '@hitachivantara/uikit-react-core';
export const App = () => {
return (
);
};
https://stackblitz.com/edit/github-vrfxwscr?file=src%2FApp.tsx
Context 🔦
This behavior affects the clarity and usability of the calendar. Please let us know if this is a known issue or if a fix is planned.
Your Environment 🌎
Build tool: (Vite )
Device & OS: (Windows 11 laptop)
Browser: (e.g. Chrome )
hv-uikit-react version: 5.102.0