Opening hours

Tabell for visning av åpningstider.

Åpningstider

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stengt alle helligdager

Timeavtale Telefontid Drop-in Hente pass
MandagMa 08:00–16:00 11:30–14:00 Stengt Stengt
TirsdagTi 08:00–16:00 Stengt Stengt 08:00–14:00
OnsdagOn 08:00–16:00 11:30–14:00 08:00–* Stengt
TorsdagTo 08:00–16:00 Stengt 15:00–21:00 08:00–21:00
FredagFr 08:00–16:00 11:30–14:00 Stengt Stengt
Lørdag Stengt Døgnåpent Stengt Stengt
Søndag Stengt Døgnåpent Stengt Stengt

* Dette er en spesifisering av åpningstid uten angitt stengetid.

<section class="opening-hours">
   <h2 class="h4 opening-hours__headline">Åpningstider</h2>
   <div class="opening-hours__notification">
      <div class="opening-hours__deviation-msg " aria-hidden="false"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
      <div class="opening-hours__deviation-msg opening-hours__deviation-msg--hidden" aria-hidden="true"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
      <p class="opening-hours__public-holiday-msg " aria-hidden="false">Stengt alle helligdager</p>
      <p class="opening-hours__public-holiday-msg opening-hours__public-holiday-msg--hidden" aria-hidden="true">Stengt alle helligdager</p>
   </div>
   <ul class="opening-hours__tabs list--reset-style" role="tablist">
      <li class="opening-hours__tab" role="presentation">
         <button class="opening-hours__tab-btn opening-hours__tab-btn--active" id="1ec7d-tab0" aria-controls="1ec7d-panel0" aria-selected="true" tabindex="0" role="tab">
            <span class="opening-hours__tab-btn-label">Vintertid</span> 
            <span class="opening-hours__tab-btn-date">
               16.09–14.05
            </span>
         </button>
      </li>
      <li class="opening-hours__tab" role="presentation">
         <button class="opening-hours__tab-btn " id="1ec7d-tab1" aria-controls="1ec7d-panel1" aria-selected="false" tabindex="-1" role="tab">
            <span class="opening-hours__tab-btn-label">Sommertid</span> 
            <span class="opening-hours__tab-btn-date">
               15.05–15.09
            </span>
         </button>
      </li>
   </ul>
   <div role="tablist">
      <div class="opening-hours__panel " id="1ec7d-panel0" role="tabpanel" aria-labelledby="1ec7d-tab0" aria-hidden="false">
         <table class="opening-hours__table">
            <thead class="opening-hours__table-thead">
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="row">
                     <svg class="opening-hours__calendar-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                        <path fill="#000" fill-rule="evenodd" d="M18 17a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10zm0-15V1a1 1 0 0 0-2 0v1h-5V1a1 1 0 0 0-2 0v1H4V1a1 1 0 0 0-2 0v1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
                     </svg>
                  </th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Timeavtale</span></th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Telefontid</span></th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Drop-in</span></th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Hente pass</span></th>
               </tr>
            </thead>
            <tbody class="opening-hours__table-tbody">
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Mandag"><span class="show-for-sr">Mandag</span><span class="opening-hours__day-label" role="presentation">Ma</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Tirsdag"><span class="show-for-sr">Tirsdag</span><span class="opening-hours__day-label" role="presentation">Ti</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–14:00</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Onsdag"><span class="show-for-sr">Onsdag</span><span class="opening-hours__day-label" role="presentation">On</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–&ast;</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Torsdag"><span class="show-for-sr">Torsdag</span><span class="opening-hours__day-label" role="presentation">To</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">15:00–21:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–21:00</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Fredag"><span class="show-for-sr">Fredag</span><span class="opening-hours__day-label" role="presentation">Fr</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Lørdag"><span class="show-for-sr">Lørdag</span><span class="opening-hours__day-label" role="presentation">Lø</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Søndag"><span class="show-for-sr">Søndag</span><span class="opening-hours__day-label" role="presentation">Sø</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
            </tbody>
         </table>
         <p class="opening-hours__no-closing-hour-msg">&ast; Dette er en spesifisering av åpningstid uten angitt stengetid.</p>
      </div>
   </div>
   <div role="tablist">
      <div class="opening-hours__panel opening-hours__panel--hidden" id="1ec7d-panel1" role="tabpanel" aria-labelledby="1ec7d-tab1" aria-hidden="true">
         <table class="opening-hours__table">
            <thead class="opening-hours__table-thead">
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="row">
                     <svg class="opening-hours__calendar-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                        <path fill="#000" fill-rule="evenodd" d="M18 17a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10zm0-15V1a1 1 0 0 0-2 0v1h-5V1a1 1 0 0 0-2 0v1H4V1a1 1 0 0 0-2 0v1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
                     </svg>
                  </th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Timeavtale</span></th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Telefontid</span></th>
                  <th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Hente pass</span></th>
               </tr>
            </thead>
            <tbody class="opening-hours__table-tbody">
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Mandag"><span class="show-for-sr">Mandag</span><span class="opening-hours__day-label" role="presentation">Ma</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Tirsdag"><span class="show-for-sr">Tirsdag</span><span class="opening-hours__day-label" role="presentation">Ti</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Onsdag"><span class="show-for-sr">Onsdag</span><span class="opening-hours__day-label" role="presentation">On</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Torsdag"><span class="show-for-sr">Torsdag</span><span class="opening-hours__day-label" role="presentation">To</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Fredag"><span class="show-for-sr">Fredag</span><span class="opening-hours__day-label" role="presentation">Fr</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Lørdag"><span class="show-for-sr">Lørdag</span><span class="opening-hours__day-label" role="presentation">Lø</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
               <tr class="opening-hours__table-tr">
                  <th class="opening-hours__table-th" scope="col" data-day-label="Søndag"><span class="show-for-sr">Søndag</span><span class="opening-hours__day-label" role="presentation">Sø</span></th>
                  <td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
                  <td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
               </tr>
            </tbody>
         </table>
         <p class="opening-hours__no-closing-hour-msg">* Dette er en spesifisering av åpningstid uten angitt stengetid.</p>
      </div>
   </div>
</section>
<OpeningHours Translations={this.props.Translations} Data={office.openingHoursSummerWinter} hasSummerHours={hasSummerHours} isSummerTime={isSummerTime} />