Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix calendar selected style #293

Open
wants to merge 83 commits into
base: main
Choose a base branch
from

Conversation

suleymanbariseser
Copy link

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).

@vercel
Copy link

vercel bot commented May 3, 2023

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
Copy link

vercel bot commented May 3, 2023

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

A member of the Team first needs to authorize it.

@shadcn
Copy link
Collaborator

shadcn commented Jul 25, 2023

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

@shadcn shadcn added bug Something isn't working component: calendar labels Jul 25, 2023
multiwebinc and others added 23 commits July 25, 2023 21:17
…radio buttons (shadcn-ui#224)

* Update checkbox.tsx

* Update radio-group.tsx

* fix(radio-group): update colors for contrast

* fix(checkbox): update colors for contrast

---------

Co-authored-by: shadcn <m@shadcn.com>
* Add table.tsx

* Update table.tsx

---------

Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: shadcn <m@shadcn.com>
…ui#310)

Remove unused import 'Laptop' in icons.tsx (nextjs-example)

Co-authored-by: shadcn <m@shadcn.com>
* fix: add missing deps for Button

* fix: use correct dep

Co-authored-by: Pablo <its.monotype@gmail.com>

* chore: add changeset

---------

Co-authored-by: Pablo <its.monotype@gmail.com>
Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* fix(code-block-wrapper): missing ']' in className

* fix(code-block-wrapper): re-order tailwind className

---------

Co-authored-by: shadcn <m@shadcn.com>
* feat(form): add form component

* feat(www): update site styles

* feat: add form examples

* docs(www): add docs for forms

* docs(www): hide tabs for docs demo
* docs: display account form name input error

Closes: shadcn-ui#380

* style: remove callback return statement
* perf: avoid unnecessary state subscriptions

Closes: shadcn-ui#382

* fix(form): code format

---------

Co-authored-by: shadcn <m@shadcn.com>
* refactor: remove usage of uncontrolled input apis within controlled inputs

Closes: shadcn-ui#384

* docs: display FormField controlled input usage example

---------

Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: shadcn <m@shadcn.com>
dan5py and others added 29 commits July 25, 2023 21:17
Co-authored-by: shadcn <m@shadcn.com>
)

* fix(cli): use @antfu/ni to detect package manager

* chore(cli): cleanup imports

* Create cyan-houses-dress.md

---------

Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* fix(npm-commands): pnpx to pnpm dlx

* style(www): fix

---------

Co-authored-by: shadcn <m@shadcn.com>
…hadcn-ui#702)

* Update data-table-toolbar.tsx

* style(www): run format:write

---------

Co-authored-by: shadcn <m@shadcn.com>
…iewports (shadcn-ui#717)

* Prevent accordion chevron from shrinking on smaller viewports

* fix: apply feedback
* add support for bun install

* fix(cli): add changeset for bun install

---------

Co-authored-by: shadcn <m@shadcn.com>
* docs: add react with vite installation guide

* refactor(docs): move Ract with vite page into installation.mdx as tab

* fix(docs): remove classnames and wrapper divs

* fix(docs): update tsconfig file path to default @

* feat: added remix installation docs

* feat: added tabbed installation docs

* fix: remove log statement

* fix: cleaned up, restored usage notice, removed vite for now

* fix: moved installation.mdx into folder

---------

Co-authored-by: Samuel Adebayo <samuel.adebayo@engagetech.com>
Co-authored-by: shadcn <m@shadcn.com>
* docs: add react with vite installation guide

* refactor(docs): move Ract with vite page into installation.mdx as tab

* fix(docs): remove classnames and wrapper divs

* fix(docs): update tsconfig file path to default @

* docs(www): fix code style

---------

Co-authored-by: Samuel Adebayo <samuel.adebayo@engagetech.com>
Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* docs: add installation guide for Gatsby

* docs: add  PR review changes
* chore(www): update to latest Next.js

* feat(www): replace lucide icons
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: shadcn <m@shadcn.com>
Co-authored-by: shadcn <m@shadcn.com>
@suleymanbariseser
Copy link
Author

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

Conflicts are fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working component: calendar
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet