Issue with Crayons V4 DatePicker component

Hello Freshworks Developer Community!!!

I am having an issue with the Date Picker component from the V4 Crayons Library when using it in a Freshdesk End User App.

I have sized the application iframe to its max height of 700px. I have two date time fields that I am using to set a start datetime and an end date time.

When a user clicks the start time the date picker shows the calendar and the ability to set a time, as well as the ability to click “Update” to save that time.

But when the user clicks the end time the date picket will show the calendar with the ability to select the date and time but the user cannot navigate to the “Update” button to set the time.

There are no scroll bars that appear, and no way to navigate further down the app window as it uses all the available iframe space.

So I am not sure if it is an issue with my code, the component, or a limitation of the app placeholder. Any help would be greatly appreciated. Here is the HTML snippet for the UI.

    <script src=""></script>
    <script type="module" src=""></script>
    <script nomodule src=""></script>
    <link rel="stylesheet" type="text/css" href="styles/style.css" />

      <h1>Schedule an Appointment</h1>
    <div id="static-form-container">
      <fw-form id="fw-static-form">
          placeholder="First Name"
          label="First Name"

        placeholder="Last Name" 
        label="Last Name" 

          <fw-label value="Start Date and Time"></fw-label>
          <fw-datepicker show-time-picker id="start_datetime"></fw-datepicker>
          <fw-label value="End Date and Time"></fw-label>
          <fw-datepicker show-time-picker id="end_datetime"></fw-datepicker>
  <script src="scripts/app.js"></script>

Thank you in Advance :slight_smile:


Good Day! Hope you are doing good

Please raise this to the crayons repo for this issue.


1 Like

The Crayons team is looking into this, @Zach.

1 Like

Will be sure to do that @Santhosh. I just wasn’t sure if the issue was due to me and wanted to double check before adding it as an issue on github. :slight_smile:

1 Like

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.