Skip to content

Instantly share code, notes, and snippets.

@tahafarooqui

tahafarooqui/Displaying jQuery's Datepicker in the center of the screen

Last active March 15, 2022 11:11
Show Gist options
  • Save tahafarooqui/4f47857b94ff6534f851edcdbad4c2ef to your computer and use it in GitHub Desktop.
Save tahafarooqui/4f47857b94ff6534f851edcdbad4c2ef to your computer and use it in GitHub Desktop.
Download ZIP
Displaying jQuery's Datepicker in the center of the screen
Raw
Displaying jQuery's Datepicker in the center of the screen
@media(max-width:992px){
/* On mobile set datepicker to viewport center*/
#ui-datepicker-div {
position: fixed !important;
left: 50% !important;
top: 50% !important;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
}
}
/*for this demo only*/ p{height:1000px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment