1. Home
  2. Forum
  3. Angular - EJ 2
  4. Problem with datetimepicker

Problem with datetimepicker

Hi, I'm having problems with datetime picker
It doesn't work properly.

I send you the screenshot and the code.
It doesn't load css for calendar popup and doesn't display the clock icon.

I used the example in the documentation 

Attachment: example_938f3160.zip

9 Replies 1 reply marked as answer
BC Berly Christopher Syncfusion Team April 12, 2021 10:09 AM UTC

Hi Matteo, 

Greetings from Syncfusion support. 

While checking the attached screenshot, the styles for the DateTimePicker component is not loaded properly in the application. So, we suggest you to load the styles for the component in the styles.css file and refer that file in the index.html file as mentioned below. Kindly refer the below code example. 
[styles.css] 
/* You can add global styles to this file, and also import other style files */ 
@import '../node_modules/@syncfusion/ej2-base/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-buttons/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-splitbuttons/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-angular-calendars/styles/material.css'; 
[index.html] 
 
<head> 
  <meta charset="utf-8"> 
  <title>SyncfusionAngularApp</title> 
  <base rel='nofollow' href="/"> 
 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="icon" type="image/x-icon" rel='nofollow' href="favicon.ico"> 
  <link rel='nofollow' href="styles.css" rel="stylesheet" /> 
</head> 

Please refer the below documentation to know more about this. 

 
For your convenience, we have prepared the sample and attached it below. 

 
Screenshot: 
 
 
 
Regards, 
Berly B.C 


Marked as answer
MA matteo April 15, 2021 01:03 PM UTC

Now it worked, thank you very much 


BC Berly Christopher Syncfusion Team April 15, 2021 02:17 PM UTC

Hi Matteo, 

Most welcome. Please let us know if you need further assistance on this. 

Regards, 
Berly B.C  


SR sai revanth December 11, 2021 07:16 AM UTC

HI,

I am having similar issue but the time isn't showing, seems like something Disabled please find the screenshot and help me,

Thanks in Advance,



BC Berly Christopher Syncfusion Team December 13, 2021 04:22 PM UTC

Hi Sai,  
   
Greetings from Syncfusion support..!  
   
We have validated your reported problem “In Editor window it’s showing only start and end date instead of start time and end time” at our end. we suspect that the all-day field in your editor window is always in the enabled state which might be the cause. Please find the proper working sample from the following link.  
   
   
Image(all-day option disabled)  
   
   
Image(all-day option enabled)  
   
   
Kindly try the above solution and if the issue persists still at your end, please share following details to further validate and provide you a prompt solution.  
  • Are you using editorTemplate or default editor window in your project?
  • Share your scheduler code snippets
  • Try to replicate the issue in our shared sample or
  • Share any issue reproducing sample(if possible)
  
Regards,  
Berly B.C 


SR sai revanth December 15, 2021 07:48 AM UTC

Hi Berly,

I am hiding the AllDay functionality, and everywhere in the code set the value as false for AllDay....Its working fine when I create as a new event(Which is not a pop-up), but whenever i open a editor window its causing the above issue, please find the code snippet and help me,

Thanks in advance



VM Vengatesh Maniraj Syncfusion Team December 17, 2021 06:01 AM UTC

Hi Sai,


Please track the forum (#171107) for further updates.


Regards,

Vengatesh 


AP Akash Pimpalkar replied to Berly Christopher January 7, 2022 11:54 AM UTC

Hi, I'm facing an issue with DateRangePicker, its control icons are not showing which are used for switching to next or previous month. I have installed all dependencies as per the documentation but still, it's not showing icons.

I have attached the screenshot of the required information.
Please let me know if I am missing something
Thank you




Attachment: DateRangePicker_7ccfe4dc.zip

SP Sureshkumar P Syncfusion Team January 10, 2022 04:27 PM UTC

Hi Matteo, 
 
As per your shared screenshot we have validated your reported issue in our end. But the reported issue does not replicate. We have attached the tested sample below.  We suspect that you have override icon css style from your applications. So please check your applications for the third party css style references.  
 
If still you have facing the issue, then please replicate the reported issue from our attached above sample and share the sample with detailed information that will help us to provide exact solution as earlier as possible. 
 
Regards, 
Sureshkumar P 


Loader.
Up arrow icon