angular / angular/components

feat(date-range-picker): allow disabling one half of the range input

Open
#21,773 2 comments 1 reaction 0 assignees View on GitHub
area: material/datepicker feature G P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Feature Description

The user should be able to disable one half of the date range input (either the start or end date) but still allow a user to select a value for the other. Currently the date range picker acts broken if we try to disable one half: https://stackblitz.com/edit/angular-aihygj?file=src/app/date-range-picker-forms-example.html

#### Use Case

This supports use cases where the user needs to select a range, but the start or end date is fixed for some reason, e.g. editing a hotel reservation where its too late to change the check in date.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the behavior in the linked StackBlitz example, focusing on src/app/date-range-picker-forms-example.html and the date-range-picker entry point. Trace how disabling either date input affects selecting the other, then verify that a fixed start or end date still allows the remaining value to be selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.