Project to demonstrate issues with the Flowbite Svelte Timepicker icon
field.
pnpx sv create
(Accepted all defaults)
Following instructions at Quickstart - Flowbite Svelte
npx sv add tailwindcss
(Enabled forms
plugin)
Add flowbite-svelte
:
pnpm i -D flowbite-svelte flowbite flowbite-svelte-icons
Updated src/app.css
as documented in Quickstart - Configuration.
Modified src/routes/+page.svelte
to match Flowbite Svelte Default timepicker example.
Running svelte-check
as shown below should pass:
pnpm check
However, it returns the error:
.../flowbite-svelte-timepicker-icon/src/routes/+page.svelte:6:2
Error: Property 'icon' is missing in type '{}' but required in type '{ id?: string | undefined; endId?: string | undefined; value?: string | undefined; endValue?: string | undefined; min?: string | undefined; max?: string | undefined; required?: boolean | undefined; ... 15 more ...; columns?: 1 | ... 3 more ... | undefined; }'. (js)
<Label>Select Time:</Label>
<Timepicker />
Switching to the Timepicker with icon example returns a different error:
.../flowbite-svelte-timepicker-icon/src/routes/+page.svelte:7:13
Error: Type 'Component<Props, {}, "">' is not assignable to type 'ComponentType'.
Type 'Component<Props, {}, "">' is not assignable to type 'new (options: ComponentConstructorOptions<Record<string, any>>) => SvelteComponent<Record<string, any>, any, any>'.
Type 'Component<Props, {}, "">' provides no match for the signature 'new (options: ComponentConstructorOptions<Record<string, any>>): SvelteComponent<Record<string, any>, any, any>'. (js)
<Label>Select Time (Flowbite Icon):</Label>
<Timepicker icon={ClockSolid} />