angular / angular/components

mat-date-range-input input style issue

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

Description

i have the following code for the mat-date-range-input. but the start and end date input is not aligned and the start date is cut off (my input should be 1/4/2021 - 1/22/2021)

![image](https://user-images.githubusercontent.com/3810825/105569709-a2a8ea80-5d09-11eb-931c-12e08f4f7d82.png)

![image](https://user-images.githubusercontent.com/3810825/105569696-6bd2d480-5d09-11eb-9011-0db42988c712.png)

Contributor guide

Open the contributing guide

Research direction

No source file, test, or reproduction code is named; the report only identifies mat-date-range-input and shows screenshots. Start by reproducing the reported alignment and cutoff with the date-range input, then inspect the component's implementation and existing tests. Done means the start and end dates render aligned without truncating the start date.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.