Hi Tanakit Maneewihok, We're happy to look at this. For the fastest response to technical questions, we recommend opening a support ticket so we can exchange files and screenshots. www.syncfusion.com/support/directtrac/incidents/newincident We will check on this with our team and post a response but it will take a little time. Thanks for your question!
We suspect that you have opened the popup element using our focus event. Which is the reason the popup opens after the component blur event is triggered. We suggest you open the popup using the mouse down event into the component input element to achieve your requirement. Sample Link: stackblitz.com/edit/react-kwyzdb?file=index.js Code Snippet : export class Default extends SampleBase { timeObj; openonFocus() { document .getElementById('timepicker') .addEventListener('mousedown', function () { var instance = document.getElementById('timepicker').ej2_instances[0]; if (instance.isPopupOpen()) { instance.hide(); } else { instance.show(); } }); } render() { return ( ); } }
Hello, Thank you for reaching out. To disable, set enabled property as false, ej2.syncfusion.com/react/documentation/api/timepicker#enabled. To set the range of time, use min and max properties. ej2.syncfusion.com/react/documentation/api/timepicker#min ej2.syncfusion.com/react/documentation/api/timepicker#max.
Hi Malindu, Thank you for reaching out. By using value property - you can able to set the time values to timepicker, ej2.syncfusion.com/react/documentation/timepicker/getting-started/#setting-the-value-min-and-max-time.
Hi Olivier F, Thanks for your question! We can help you out with this. Can you please file a support ticket or use the chat support box on our website so we can exchange files and screenshots. www.syncfusion.com/support/directtrac/incidents/newincident
Hi Tahriguion, For the fastest response to technical questions, we recommend using the support chat on our website or opening a ticket so we can exchange files and screenshots. www.syncfusion.com/support/directtrac/incidents/newincident We will check on this with our team and post a response but it will take a little time. Thanks for your question!
We suspect that the style for the time picker is not applied. So kindly add the styles for the Timepicker to resolve the issue. Please refer to the below UG and sample link to more about integrating Timepicker into a React application. UG Link: ej2.syncfusion.com/react/documentation/timepicker/getting-started/ Sample Link: stackblitz.com/edit/react-zeriva Code snippet: @import ../node_modules/@syncfusion/ej2-base/styles/material.css; @import ../node_modules/@syncfusion/ej2-inputs/styles/material.css; @import ../node_modules/@syncfusion/ej2-popups/styles/material.css; @import ../node_modules/@syncfusion/ej2-lists/styles/material.css; @import ../node_modules/@syncfusion/ej2-react-calendars/styles/material.css;
Hello Rishabh Negi, Our paid and free versions both have the same features and support. You can check here to see if you qualify for our Community (free) license. It's available for companies with 5 or fewer developers and less than $1 Mil USD in annual revenue. bit.ly/395t17c
This is a great alternative
to react-time-picker. Exactly what i was looking for
Hi,
Thank you. We are glad that you have found it helpful.
Make videos like this one
Really loved it😁
Hello Ishmart,
We are glad that you have found it helpful. We really appreciate your feedback.
I'm using openonfocus, but I have to click on an empty area before I can press it again. how to solve the problem ?
Hi Tanakit Maneewihok,
We're happy to look at this. For the fastest response to technical questions, we recommend opening a support ticket so we can exchange files and screenshots.
www.syncfusion.com/support/directtrac/incidents/newincident
We will check on this with our team and post a response but it will take a little time.
Thanks for your question!
We suspect that you have opened the popup element using our focus event. Which is the reason the popup opens after the component blur event is triggered. We suggest you open the popup using the mouse down event into the component input element to achieve your requirement.
Sample Link: stackblitz.com/edit/react-kwyzdb?file=index.js
Code Snippet :
export class Default extends SampleBase {
timeObj;
openonFocus() {
document
.getElementById('timepicker')
.addEventListener('mousedown', function () {
var instance = document.getElementById('timepicker').ej2_instances[0];
if (instance.isPopupOpen()) {
instance.hide();
} else {
instance.show();
}
});
}
render() {
return (
);
}
}
how do i disbale or controle the range of time??
Hello,
Thank you for reaching out.
To disable, set enabled property as false,
ej2.syncfusion.com/react/documentation/api/timepicker#enabled.
To set the range of time, use min and max properties.
ej2.syncfusion.com/react/documentation/api/timepicker#min
ej2.syncfusion.com/react/documentation/api/timepicker#max.
I want to close the hilight line ?
Hi Tanakit,
Thank you for reaching out. Please call the focusOut method,
ej2.syncfusion.com/react/documentation/api/timepicker/#focusout.
how to set the database time values to any time picker
Hi Malindu,
Thank you for reaching out. By using value property - you can able to set the time values to timepicker,
ej2.syncfusion.com/react/documentation/timepicker/getting-started/#setting-the-value-min-and-max-time.
how can I add it to my yarn project ? it is not working for me
Hi Olivier F,
Thanks for your question! We can help you out with this. Can you please file a support ticket or use the chat support box on our website so we can exchange files and screenshots.
www.syncfusion.com/support/directtrac/incidents/newincident
@@SyncfusionInc don't remember now, I think 🤔 the install didn't with yarn add
Hello Olivier,
We appreciate your response. If you could let us know the error message you received, we can help figure out a solution.
@@SyncfusionInc ok it seems to work, would be nice to see hooks in your doc...
Hi Olivier,
Thank you for your feedback and we are happy it worked out well.
Add a time picker doesn't work only a half for me cause it only looks like an input thing
Hi Tahriguion,
For the fastest response to technical questions, we recommend using the support chat on our website or opening a ticket so we can exchange files and screenshots. www.syncfusion.com/support/directtrac/incidents/newincident
We will check on this with our team and post a response but it will take a little time.
Thanks for your question!
We suspect that the style for the time picker is not applied. So kindly add the styles for the Timepicker to resolve the issue. Please refer to the below UG and sample link to more about integrating Timepicker into a React application.
UG Link: ej2.syncfusion.com/react/documentation/timepicker/getting-started/
Sample Link: stackblitz.com/edit/react-zeriva
Code snippet:
@import ../node_modules/@syncfusion/ej2-base/styles/material.css;
@import ../node_modules/@syncfusion/ej2-inputs/styles/material.css;
@import ../node_modules/@syncfusion/ej2-popups/styles/material.css;
@import ../node_modules/@syncfusion/ej2-lists/styles/material.css;
@import ../node_modules/@syncfusion/ej2-react-calendars/styles/material.css;
Thank you I've finally got it so you don't have to worry anymore
Hi Tahriguion,
We're glad that you got it to work. Please don't hesitate to reach out with additional questions. We are happy to help.
its want a license key i want a free thing
Hello Rishabh Negi,
Our paid and free versions both have the same features and support. You can check here to see if you qualify for our Community (free) license. It's available for companies with 5 or fewer developers and less than $1 Mil USD in annual revenue.
bit.ly/395t17c
nalla sounda thaan pesan da