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

Floating label Type Date text overlap #128

Open
genericuser-me opened this issue Sep 23, 2021 · 1 comment
Open

Floating label Type Date text overlap #128

genericuser-me opened this issue Sep 23, 2021 · 1 comment
Assignees

Comments

@genericuser-me
Copy link

genericuser-me commented Sep 23, 2021

The default text for input type date overlap when using floating label

image

Here is the code:

<FloatingLabel
  controlId="floatingInput"
  label="From Date"
  className="mb-3"
  type="date"
  onChange={this.handleChange.bind(this, "fromDate")}
  >
  <FormControl type="date" id="fromDate" placeholder="From Date" />
  </FloatingLabel>
@brennanwilkes brennanwilkes self-assigned this Sep 24, 2021
@otaviojacobi
Copy link

Hey @genericuser-me I don't know if this is too late but one way to go around this is just setting initialValue={true} when initializing the class, this way, it will force the active status and not overlap.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants