Skip to content

Allow setting full width on GlDatepicker

To handle this use case, we would need to add this custom CSS.

.board-sidebar-due-date .gl-datepicker,
.board-sidebar-due-date .gl-datepicker-input {
  width: 100%;
}

Adding the .gl-w-full utility does widen the container, but not the input.

Screenshot: full width datepicker input and container

image

As a proposal, we can add a block prop as we do on GlDropdown.