ui icon indicating copy to clipboard operation
ui copied to clipboard

Fix calendar selected style

Open suleymanbariseser opened this issue 2 years ago • 2 comments

Description

Selected date has a background color that does not have rounded borders as explained in #269

Issue

To understand if date is selected or not, has([aria-selected]) is used with first selector. The problem, first selector will not check the first day with aria-selected in a week. Instead it checks if the first day of the week has aria-selected or not. Therefore, it only works for the first day of the week. It can be shown here

Solution

The current approach only does not work for start and end dates. Therefore, we can use external classes to style them (day-range-start and day-range-end).

suleymanbariseser avatar May 03 '23 19:05 suleymanbariseser

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
next-template ⬜️ Ignored (Inspect) May 3, 2023 7:59pm

vercel[bot] avatar May 03 '23 19:05 vercel[bot]

@suleymanbariseser is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar May 03 '23 19:05 vercel[bot]

@suleymanbariseser This is awesome. Let's merge this. Can you fix the conflicts please? I'll review and merge.

shadcn avatar Jul 25 '23 12:07 shadcn

@suleymanbariseser This is awesome. Let's merge this. Can you fix the conflicts please? I'll review and merge.

Conflicts are fixed

suleymanbariseser avatar Jul 25 '23 19:07 suleymanbariseser