Skip to content

b-form-datepicker and b-form-timepicker 2px taller than other b-form-input's #6246

@nicgene

Description

@nicgene

Describe the bug

Title says it all. b-form-datepicker and b-form-timepicker 2px taller than other b-form-input's.

Steps to reproduce the bug

Add a b-form-row with b-form-datepicker and b-form-input in columns to create horizontal layout.

<b-form-row>
  <b-col lg="3">
    <b-form-datepicker/>
  </b-col>
  <b-col lg="3">
    <b-form-input/>
  </b-col>
</b-form-row>

Expected behavior

Match the same height as other inputs so they appear consistent.

Versions

Libraries:

  • BootstrapVue: 2.21.1
  • Bootstrap: 4.5.3
  • Vue: 2.6.12

Environment:

  • Device: Laptop, PC
  • OS: Arch Linux, Windows 10
  • Browser: Firefox, Chromium
  • Version: FF 84.0.1 (64-bit), Chromium 87.0.4280.88, Chrome 87.0.4280.88

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions