Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input type date overlaps with placeholder

See original GitHub issue

<md-input placeholder="Fecha de nacimiento" type="date" [value]="userDetail.get('birthdate')" (input)="actions.inputChanged($event, 'birthdate')"></md-input>

“@angular/common”: “^2.0.0-rc.6”, “@angular/compiler”: “^2.0.0-rc.6”, “@angular/core”: “^2.0.0-rc.6”, “@angular/forms”: “^2.0.0-rc.6”, “@angular/http”: “^2.0.0-rc.6”, “@angular/platform-browser”: “^2.0.0-rc.6”, “@angular/platform-browser-dynamic”: “^2.0.0-rc.6”, “@angular/router”: “^3.0.0-rc.2”, “@angular/router-deprecated”: “2.0.0-rc.2”, “@angular2-material/button”: “^2.0.0-alpha.8-1”, “@angular2-material/card”: “^2.0.0-alpha.8-1”, “@angular2-material/checkbox”: “^2.0.0-alpha.8-1”, “@angular2-material/core”: “^2.0.0-alpha.8-1”, “@angular2-material/input”: “^2.0.0-alpha.8-1”, “@angular2-material/list”: “^2.0.0-alpha.8-1”, “@angular2-material/radio”: “^2.0.0-alpha.8-1”,

Issue Analytics

State:
Created 7 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

no-morecommented, Oct 20, 2016

Hi,

I’m using alpha.9-2, it’s working for date input, but not for time input As I haven’t found any thing about time input I think the issue is still in master.

Thanks.

0reactions

angular-automatic-lock-bot[bot]commented, Sep 5, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

Why Material-UI date overlaps value with placeholder and ...

I know that controlled input means that you bind both value={value} and onChange={(newValue) => setValue(newValue);} . And here's my return ...

Floating labels · Bootstrap v5.0

Create beautifully simple form labels that float over your input fields. ... method of CSS-only floating labels uses the :placeholder-shown pseudo-element.

Overlapping Labels on input type date

Hi there @Office,. Huge thanks for the snippet, did not realize the .active label does not get added to date input type -...

Datepicker - Angular Material

The datepicker allows users to enter a date either through text input, ... matEndDate placeholder="End date"> </mat-date-range-input> <mat-date-range-picker ...

:placeholder-shown - CSS: Cascading Style Sheets | MDN

This example applies special font and border styles when the placeholder is shown. HTML. <input placeholder="Type something here!" ...