Error

Hi, SfDateTimePicker and SfDateRangePicker throw and error when trying to open the dialog, and wont work properly. The error is:
Uncaught Format options or type given must be invalid
Error: Format options or type given must be invalid

12 Replies

SN Sevvandhi Nagulan Syncfusion Team April 15, 2020 07:46 AM UTC

Hi Raul, 

Greetings from Syncfusion support. 

We checked the reported requirement by placing the DateRangePicker and DateTimePicker inside the Dialog even if we give the invalid format. While giving invalid format the error class will be added. So we could not reproduce the reported issue in our end. Kindy refer the below code, 

<SfDialog @bind-Visible="@isVisible" Width="400px" Height="400px" ShowCloseIcon="true" IsModal="true"> 
        <DialogEvents Opened="onOpen"></DialogEvents> 
        <DialogTemplates> 
            <Content> 
                <SfDateRangePicker Format="yyyy-MM-dd"> 
                </SfDateRangePicker> 
                <SfDateTimePicker TValue="DateTime?" Format="yyyy-MM-dd HH:mm"></SfDateTimePicker> 
            </Content> 
        </DialogTemplates> 
        <DialogButtons> 
            <DialogButton OnClick="@OkClick"> 
                <DialogButtonModel Content="OK" IsPrimary="true"></DialogButtonModel> 
            </DialogButton> 
            <DialogButton OnClick="@OkClick"> 
                <DialogButtonModel Content="Cancel"></DialogButtonModel> 
            </DialogButton> 
        </DialogButtons> 
    </SfDialog> 
 


If still issue persists, kindly revert us with the below details that help us to proceed further. 

1.       Whether you placed the DateRangePicker and DateTimePicker inside the grid edit template? 
2.       Share the sufficient code for reproducing the issue  
3.       If possible provide the issue reproducing sample or modify the above sample to replicate the issue 

Also, we have improved the localization. If you used the localization in your application, kindly refer the below UG link. 


Regards, 
Sevvandhi N 



RA Raul April 15, 2020 08:02 AM UTC

By opening the dialog I meant when I click the date icon the dialog to select the date wont open on either control, just on the regular date picker control.


RA Raul April 15, 2020 11:29 PM UTC

Ive traced the error, it only shows up when I run the web app in a Docker container, if I ise kestrel those two components work fine, what could I do?


SN Sevvandhi Nagulan Syncfusion Team April 20, 2020 06:11 AM UTC

Hi Raul, 
We have checked your reported issue by running the Blazor application in the Docker container. Also, we have prepared a sample for you reference that you can download from the below link.   
  

We have added the Dock support from Visual Studio as in the below image. 
 

We request you share more detailed information such as simple application with issue.    
Please get back to us if you need any further assistance on this.  
Regards, 
Sevvandhi N 



RA Raul April 20, 2020 06:48 AM UTC

Hi, dis you select linux linux container? This is crucial for the error to show up.


SN Sevvandhi Nagulan Syncfusion Team April 21, 2020 02:43 PM UTC

Hi Raul, 

We are currently checking this issue in our end. Meanwhile, if you share you below details that help us to check the issue and provide the prompt solution in our end. 

1.       System configuration 
2.       Whether you have running the Blazor web application in the linux System(Os) with the Docker container. 
 
Regards, 
Sevvandhi N 



RA Raul July 22, 2020 05:30 PM UTC

Hi, sorry for the super late reply. Im still facing the issue, here are my settings:
System OS: Windows 10
IDE: VS 2019
Docker Container: docker-compose with linux OS Target.
I think que problem is that linux doesnt use the same datetime format as windows hence the problem. But .net core is multiplatform so the components should work regardless the they are running on.


SN Sevvandhi Nagulan Syncfusion Team July 30, 2020 11:58 AM UTC


Hi Raul, 

We are currently validating the reported issue. We will update further details with in two business days (4th August,2020). We appreciate your patience until then. 

Regards, 
Sevvandhi N 



BR Brian August 10, 2020 12:03 PM UTC

This is also a problem using an Azure app service based on a Linux App Service Plan.   I tested it with a Windows App Service plan and it works fine.


SN Sevvandhi Nagulan Syncfusion Team August 14, 2020 01:30 PM UTC

Hi Raul, 


Thanks for the patience. 


We considered the reported issue as improvement in our end for DateTimePicker and DateRangePicker control. This support for DateRangePicker component will be include in volume 4 main release 2020, which will be expected to be rolled out on end of December 2020 and support for DateTimePicker component will be include in volume 3 main release 2020, which will be expected to be rolled out on end of September 2020. We appreciate your patience until then. 


You can now track the reported feature from the below feedback links, 




Regards, 
Sevvandhi N 



DA Daniil September 5, 2020 11:28 AM UTC

The component does not work at all in the webassembly.
The attachment contains a basic empty webassebly template with a single component.
When trying to open the date picker's select date range panel, an error appears:
calendar-c52f82.min.js: 1 Uncaught TypeError: Cannot read property 'valueOf' of null
    at t.dayCell (calendar-c52f82.min.js: 1)
    at t.renderDays (calendar-c52f82.min.js: 1)
    at t.renderMonths (calendar-c52f82.min.js: 1)
    at t.createContentBody (calendar-c52f82.min.js: 1)
    at t.createContent (calendar-c52f82.min.js: 1)
    at t.renderCalendar (daterangepicker-c52f82.min.js: 1)
    at t.createCalendar (daterangepicker-c52f82.min.js: 1)
    at t.createControl (daterangepicker-c52f82.min.js: 1)
    at t.renderControl (daterangepicker-c52f82.min.js: 1)
    at t.createPopup (daterangepicker-c52f82.min.js: 1)
How can you sell your components if nothing more complicated than a button works properly?
There are new bugs with every new release. And they appear where they were not previously. You fix one you break another. Sorry for the harshness, but these bugs really slow down the work.

Attachment: BlazorApp1_e40efd3d.rar


SN Sevvandhi Nagulan Syncfusion Team September 7, 2020 07:59 AM UTC

Hi Daniil, 


Sorry for the inconvenience caused. 


We have checked the reported issue and we have considered as a defect in our end. The fix for the issue will be included in the next patch release which is expected to be rolled out on 9th September 2020. We thank you for spending your time to report the issue and helping us to improve our product. You can track the status of the issue using below feedback link. 


We appreciate your patience until then. 


Regards, 
Sevvandhi N 



Loader.
Up arrow icon