We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Describe the bug Multiple Select setValue method does not execute neither select change event nor custom 'valueChange.te.select' event.
To Reproduce Steps to reproduce the behavior:
Expected behavior Change Event executed after setValue.
The text was updated successfully, but these errors were encountered:
Hi, thanks for letting us know. I'm adding this to our list
Sorry, something went wrong.
please tell me how i can get value of datepicker?
Hi @azica, it would be awesome if you could post your questions in a separate issue. That way, we can give you the best help possible.
To achieve this, you can use input event. Here is an example code:
<div class="relative mb-3" data-te-datepicker-init data-te-input-wrapper-init > <input id="my-input" type="text" class="peer block min-h-[auto] w-full rounded border-0 bg-transparent px-3 py-[0.32rem] leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 peer-focus:text-primary data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-neutral-200 dark:placeholder:text-neutral-200 dark:peer-focus:text-primary [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0" placeholder="Select a date" /> <label for="floatingInput" class="pointer-events-none absolute left-3 top-0 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-neutral-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-primary peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-primary" >Select a date</label> </div> // JS // Initialization for ES Users import { Datepicker, Input, initTE } from "tw-elements"; initTE({ Datepicker, Input }); const myInput = document.getElementById("my-input"); myInput.addEventListener("input", (e) => { console.log(e.target.value); });
Trochonovitz
Successfully merging a pull request may close this issue.
Describe the bug
Multiple Select setValue method does not execute neither select change event nor custom 'valueChange.te.select' event.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Change Event executed after setValue.
The text was updated successfully, but these errors were encountered: