fix: show date selection onClick (#8359)

Author: navedqb

components/lib/calendar/Calendar.js

@@ -100,6 +100,12 @@ export const Calendar = React.memo(
             return props.dateFormat || localeOption('dateFormat', props.locale);
         };
 
+        const onInputClick = () => {
+            if (!visible && props.showOnFocus) {
+                show();
+            }
+        };
+
         const onInputFocus = (event) => {
             if (ignoreFocusFunctionality.current) {
                 setFocusedState(true);
@@ -4215,6 +4221,7 @@ export const Calendar = React.memo(
                         autoComplete="off"
                         placeholder={props.placeholder}
                         tabIndex={props.tabIndex}
+                        onClick={onInputClick}
                         onInput={onUserInput}
                         onFocus={onInputFocus}
                         onBlur={onInputBlur}