CODEWITHSUNDEEP
csstwitter-bootstrap
Smith
Smith

Reputation: 5961

css style datepicker issue with flatly bootswatch theme

I am using the flaty bootstarp theme found here. and the datepicker component found here

When in use, the date pciker appears like this

date picker

What styles do i change to make it look right, i dont want to mess with the css. Here is the issue is http://jsfiddle.net/hwPcF/4/

<input class="span2" id='dp3' size="16" type="text">

$(document).ready(function(){
    $('#dp3').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true
        });
});

Upvotes: 1

Views: 5547

Answers (2)

Praveen
Praveen

Reputation: 56501

Add the below css to you file

body{
color: #ccc;
}

EDIT: I got your problem, your are missing the css file for the datepicker.

Check this JSFiddle

I think this is your expectation right?

EDIT2: I just checked the bootstrap datepicker and made a few change to look similar to it.

.datepicker{
    background-color: #fff;
    color: #000;
}

Check JSFiddle2 and now it looks like

Some css file conflict is occurring, trying to figure out.

Upvotes: 3

Ana Sampaio
Ana Sampaio

Reputation: 351

Adding this to your css file

.datepicker-days { color: #eee; }

will turn your day numbers gray.

Upvotes: 1

Related Questions