как центр Jquery DatePicker под текстовое поле

Question

У меня есть следующий HTML:

<div id="datepicker-container"> 
    <div id="datepicker-center"> 
    <input type="text id="id_program_start_date"><div id="datepicker"></div> 
    </div> 
</div> 

Мой CSS выглядит так:

#datepicker-container{ 
    text-align:center; 
} 
#datepicker-center{ 
    display:inline-block; 
    margin:0 auto; 
} 

Мой Javascript выглядит следующим образом:

<script> 
    $(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: 'MM d, yy', 
     changeMonth: true, 
     startDate: '08/24/2014', 
     firstDay: 0, 
     inline: true, 
     altField: '#id_program_start_date', 
    }); 
    }); 
    </script> 

Мой календарь идет слева от ввода текста:

Как сделать его центром под текстовым полем?

Answer 1

1) У вас есть ошибка синтаксиса на <input>, отсутствует " после "text

2) CSS близок, использование:

#datepicker-container{ 
    text-align:center; 
} 
#datepicker-container #datepicker { 
    display:inline-block; 
} 

JSBin