JSFiddle - React, Tailwind, and code Playground

HTML

<div class="MyTimer uk-grid-small uk-child-width-auto uk-margin" uk-grid>
  <div>
      <div class="uk-countdown-number uk-countdown-days"></div>
  </div>
  <div>
      <div class="uk-countdown-number uk-countdown-hours"></div>
  </div>
  <div>
      <div class="uk-countdown-number uk-countdown-minutes"></div>
  </div>
  <div>
      <div class="uk-countdown-number uk-countdown-seconds"></div>
  </div>
</div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/css/uikit.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit-icons.min.js"></script>
<script>
  const now = new Date()
  const hours = 2 * 60 * 60 * 1000
  const timer = new Date(now.getTime() + hours)

   UIkit.countdown(document.querySelector('.MyTimer'), {
     date: timer.toISOString()
   });
</script>