<div id="calendar_month">
    <div id="num_year"></div>
    <div id="month">
      <div id="navigation_panel">
        <select class="select_month"></select>
        <input class="year_input" type="number" value="">
        <button class="table_rotate">➘</button>
      </div>
      <div id="month_name"></div> 
        <table class=" table_month_horiz"></table>
      </div>
     <span id="select_year">календарь на год</span>
    </div>
  
  <div id="calendar_year">
    <div id="navigation_panel_year"">
    Календарь на <input id="year_input" type="number" size="4" value=""/>
    год.
    </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="January"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="February"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="March"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="April"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="May"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="June"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="July"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="August"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="September"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="October"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="November"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="December"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>
    
    <div id="calendar_kvartal">
      <div id="navigation_panel">
      <select class="select_kvartal"></select>
      <input class="year_input" type="number" value="">
      <button class="table_rotate">➘</button>
      </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="month_num_1"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="month_num_2"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="month_3"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>
    
    <div id="month_3">
      <div id="navigation_panel">
      <select class="select_month"></select>
      <input class="year_input" type="number" value="">
      <button class="table_rotate">➘</button>
      </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="prev_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="cur_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="next_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>