FrontAccounting forum — Date Picker close when clicked outside of the datepicker

Re: Date Picker close when clicked outside of the datepicker

null@example.com (apmuthu) — Tue, 16 Jul 2019 03:53:56 +0000

Bootstrap implementation may have other working scripts for datepicker.

Re: Date Picker close when clicked outside of the datepicker

null@example.com (Ajmal) — Mon, 15 Jul 2019 06:20:26 +0000

Hello kvvaradha,
I'm working on some bootstrap theme(s), where I'm faced with below issue;

-> the theme works fine, but the datepicker creates issues ;
- clicked for any forms having the date picker ; the top nav bar comes down ,
- when want to select date ; the date picker is out from its place - on upper of top navbar,
- AND all the issues are solved and the theme is re-positioned well , once the date is selected from the date picker...

Any solution ?...

Thanks in advance...
A.P

Re: Date Picker close when clicked outside of the datepicker

null@example.com (Ajmal) — Mon, 15 Jul 2019 06:16:22 +0000

kvvaradha wrote:

We normally seen other date pickers,which actually close when we click outside of the date picker.
So i thought to implement the same here in our FA with js. So just tried this and it works fine. Hope it will be good for users, if you commit it to core.
window.addEventListener('click', function(e){   
  if (document.getElementById('CC').contains(e.target)){} else{
   if (cC.visible()) {
    cC.hide();
      }
  }
});
Append this code to date_picker.js file,which actually created from ui_view.inc

Re: Date Picker close when clicked outside of the datepicker

null@example.com (kvvaradha) — Sat, 05 Jan 2019 10:57:26 +0000

That's nice to see.

@apmuthu,actually if you open another date picker, its outside of current one. So the already opened date picker will be closed before opens the new one.

I guess that wont be much difficult for the users to work on.

Re: Date Picker close when clicked outside of the datepicker

null@example.com (joe) — Sat, 05 Jan 2019 09:48:44 +0000

Hello Guys,

This has been committed to stable repo. Thanks @kvvaradha and @apmuthu.

The fixed file can be downloaded here.

Joe

Re: Date Picker close when clicked outside of the datepicker

null@example.com (apmuthu) — Sat, 05 Jan 2019 06:34:27 +0000

There is a "Back" link on the calendar display that does it but your method may be useful too - hope it will not clash when multiple date fields are on the same form.

@joe: Attached is the code change in includes/ui/ui_view.inc needed to have the date_picker.js recreated on js cache purge.

Date Picker close when clicked outside of the datepicker

null@example.com (kvvaradha) — Fri, 04 Jan 2019 18:43:06 +0000

We normally seen other date pickers,which actually close when we click outside of the date picker.

So i thought to implement the same here in our FA with js. So just tried this and it works fine. Hope it will be good for users, if you commit it to core.

window.addEventListener('click', function(e){   
  if (document.getElementById('CC').contains(e.target)){} else{
   if (cC.visible()) {
    cC.hide();
      }
  }
});

Append this code to date_picker.js file,which actually created from ui_view.inc