Datepicker .error border #108

KonBirdy opened this Issue Jul 1, 2013 · 3 comments


None yet
4 participants

KonBirdy commented Jul 1, 2013

When you have this code with the '.error' class:

<div class="control-group error">
  <div class="input-prepend input-datepicker">
    <button type="button" class="btn"><span class="fui-calendar"></span></button>
    <input type="text" class="span2 hasDatepicker" value="14 March, 2013" id="datepicker-01">

You gone get this:
screenshot at 2013-07-01 14 02 34

The border arroud the date-icon need to be red too!

quard8 commented Jul 1, 2013

Same issue.


iurevych commented Jul 4, 2013

Fixed in 1.2
Not to wait on release here is the fix you need to add to the end of input.less before responsive section starts:

// Style buttons inside control-group as well
// -------------------------------------------------
.control-group {
  &.error .btn   { border-color: @danger }
  &.success .btn { border-color: @success }
  &.warning .btn { border-color: @warning }
  &.info .btn    { border-color: @info }

iurevych closed this Jul 4, 2013

This issue is still present when using the datepicker inside a Bootstrap modal plus the calendar wont appear. Any idea how to fix this?

BTW, I'm using Bootbox.js to display the Modal in case it helps.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment