Hi @phuc H ,

Is it working on others device except iphone.

Hi phuc H

1. Check browser compatibility: Ensure that the datepicker component you are using is compatible with the browser version on your iPhone. Different browsers and versions may have varying support for HTML5 date inputs or JavaScript datepickers. Test your website on different browsers (e.g., Safari, Chrome) on your iPhone to see if the issue persists.

2. Verify the datepicker implementation: Double-check your implementation of the datepicker component in OutSystems. Make sure that the minDate and maxDate properties are correctly set and bound to the appropriate date variables or values. Confirm that the datepicker component is properly configured to respect these properties and disable dates outside the specified range.

3. Test on different devices: Apart from testing on your iPhone, try accessing your website on other devices (e.g., Android phones, desktop browsers) to see if the issue is specific to the iPhone or occurs across multiple platforms. This can help identify if the problem is device-specific or related to your implementation.

4. Debug and inspect the datepicker behavior: Use browser developer tools or debugging features to inspect the behavior of the datepicker component on your iPhone. Look for any error messages, console logs, or unexpected behavior that might help identify the root cause. Inspect the generated HTML and JavaScript code for any inconsistencies.

Hope this helps

Thanks

Hi,

@Gonçalo Martins This is a question about the outsystems widget, is the team already aware of it?

Thanks,

Here you can use 2 approaches

• use the datepicker itself and ignore the native calendar;
  • for this scenario just use the DatePickerToggleNativeBehavior function of OutsystensUI which should be called in the Initialized event of the datepicker
• if you want to use the native calendar, the programmer must define the min date and max date in the input.
  • can be defined in the input itself on the outsystems side or via javascript <input>.setAttribute('min', '2024-06-01');  <input>. setAttribute('max', '2024-06-20'); (you just need to define what you want)