themesberg / themesberg/flowbite

Feature: Date picker: Allow only some dates

Open
#936 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

Lets say I have an event scheduling app for corporate meetings. I want the Manager user to indicate which days of the week they are available for a meeting, then I want to show the DatePicker to the Employee user with only those days available as inputs.

This is similar to min/max date: https://github.com/themesberg/flowbite/issues/417

The difference is that the range of available dates might not be a continuous segment of days in a row.

You may imagine something similar to Calendly scheduling calendar:

https://calendly.com

I know that the min/max dates are passed to the component as HTML data attributes.

However, this feature might be better served by JS API. I am uncertain about the specific implementation that would be better, but also I have no preference

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files or tests. Start by locating the DatePicker implementation and its existing min/max date handling, then review how component options are passed through HTML data attributes or the JavaScript API. Done should mean that callers can configure non-contiguous available dates and the picker prevents unavailable dates from being selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, tailwindcss
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.