'How to use Tailwind Elements in Sveltekit

I'm trying to use a simple Tailwind date picker component in a svelte kit app, however the calendar popup is not appearing. I assume it has something to do with SRR. I was able to make some progress on the installation of Tailwind elements by importing the module with onMount():

    import { onMount } from 'svelte';
    import { browser } from '$app/env';

    onMount(async() => {
        if(browser) {
            await import('tw-elements');
        }
    });

However, the calendar icon and the popup are still not rendering. (They also do not render when I include the CDN in app.html). Is there a solution?

tailwind.config.js (P.S. night wind works just fine):

module.exports = {
  darkMode: "class",
  content: [
    './src/**/*.{html,js,svelte,ts}', 
    './node_modules/tw-elements/dist/js/**/*.js'
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require("nightwind"),
    require("tw-elements/dist/plugin")
  ],
}

server-side-rendering sveltekit

Solution 1:^[1]

It looks like it is using the MD Bootstrap Datepicker which is a premium feature of MDB Pro and is not free.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Dan Christos

'How to use Tailwind Elements in Sveltekit

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]