React DatePicker enable set to false doesnt disable the button

4 posts, 0 answers
  1. Akhmad Agosto
    Akhmad Agosto avatar
    12 posts
    Member since:
    Oct 2017

    Posted 20 Dec 2017 Link to this post

    I'm not sure if this is an oversight or intentional, but setting the React Wrapper DatePicker component's enable config as false does disable the text input but not the datepicker button itself.

    Demo here.

    Or maybe I'm missing something, and there's a separate config to disable the datepicker button? The jQuery version does disable both of them.

  2. Georgi
    Admin
    Georgi avatar
    687 posts

    Posted 21 Dec 2017 Link to this post

    Hi Akhmad,

    The described behavior is expected since enable is a method not a property. Once enabled is called as a method with parameter false, both input and button are disabled.

    For better understanding please refer to the following sample:



    Regards,
    Georgi
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Akhmad Agosto
    Akhmad Agosto avatar
    12 posts
    Member since:
    Oct 2017

    Posted 21 Dec 2017 in reply to Georgi Link to this post

    Thank you for the clarification!

    I just thought it was a little bit unintuitive for the Datepicker React component to have an enable config while the regular one doesn't at all and has it as a method. Though it is understandable since it is still a jQuery wrapper afterall.

    I would assume however the upcoming pure react version will have it as a property right? :)

  4. Preslav
    Admin
    Preslav avatar
    590 posts

    Posted 26 Dec 2017 Link to this post

    Hello Akhmad,

    Thank you for writing back.

    For the time being, I cannot commit what would be the behavior of the native react components, however, I forwarded your feedback to the responsible developers.


    Regards,
    Preslav
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top