title: How to show Jquery UI datepicker year and months in extra calendar tables?
body: <p>My problem is that Jquery UI allows selecting a year or month from dropdown menu only. </p>
  
  <p>How can I modify the default date picker to allow selecting year and month as additional calendar tables for default date picker?</p>
  
  <p><strong>Default view:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ijJmL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ijJmL.png" alt="default date picker: days in calendar + month and year dropdowns"></a></p>
  
  <p><strong>How I want to select months -> clicking on a month to show extra calendar:</strong></p>
  
  <ol>
  <li>Desired month functionality:
  
  <ul>
  <li>clickable month label</li>
  <li>no dropdowns</li>
  <li>when clicking on month label - it should open now calendar where days are replaced with month selection</li>
  </ul></li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/0eXG4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0eXG4.png" alt="screen 1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/7eK0l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7eK0l.png" alt="screen 2"></a></p>
  
  <p><em>(screen 2 shows what happens when you click on target area on screen 1)</em></p>
  
  <p><strong>How I want to select years -> clicking on year to show extra calendar:</strong></p>
  
  <ol start="2">
  <li><p>Desired year functionality:</p>
  
  <ul>
  <li>clickable year label</li>
  <li>no dropdowns</li>
  <li>when clicking on year label - it should open now calendar where days are replaced with year selection</li>
  </ul></li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/WKIHP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WKIHP.png" alt="screen 1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/vMThI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vMThI.png" alt="screen 2"></a></p>
  
  <p><em>(screen 2 shows what happens when you click on target area on screen 1)</em></p>
  
  <p>As I understand, I need to create a new calendars onclick of "month" or "year" label but I don't have any idea how to make that + how to show months or years in calendar instead of a dropdown.</p>