Date Pickers | 20 Javascript Libraries You Can Use

Sunday, April 30, 2017

Looking for some amazing date pickers designs? Well, look no further! This article gathers some excellent Javascript libraries that you can download and use right away.

Date pickers resemble a calendar’s design although they have a different functionality. These elements come in handy when you need to select a certain date from a calendar or from a specific time range. They sometimes have a dropdown animation that is enabled when clicked on the specific field.

You can use date pickers in various situations when you need to set a certain date, for instance, plane tickets, booking a vacation, an accommodation, rental, etc.

These designs have highly customizable features that allow you to create everything as you want, according to your style. You can download and integrate them in both websites and mobile applications, depending on your requirements. These date pickers have a responsive behavior and will automatically adapt to perfectly fit any screen size.


This is a neat date picker with a simple but effective design. Download this flat design item and integrate it in your current or upcoming projects.

Date Pickers -flatpickr


DateBox is a great jQuery plugin which has a very intuitive design. You can quickly add it to your projects and use its functionalities.

JTSage DateBox--Date Pickers

Continuous Calendar

This data picker can be used to select continuous dates from a specific time range. Have a closer look and see if this is useful to your designs.

Date Pickers

Material-date time-picker

This is a well-designed date picker that was specially created for web apps. It has a similar design to a calendar but with different functions.

Material datetime picker

React Infinite Calendar

Here is a stunning infinite date picker that uses infinite scrolling, has a flexible design, customizable characteristics, and other great features.

Infinite scrolling date picker


This is a beautiful date picker layout which includes menu customizable features. Take a look and see if you can use it in your current projects.

Rome Date Pickers

DateTime Picker

Here you have another wonderful date time picker with a fully responsive layout that automatically adapts its content to various sizes.


Tiny Date Picker

This is a lightweight date picker with zero dependencies. It has a clean and simple design that looks amazing on any website or app.


Date Range

This is a great date picker that allows you to select a date range. It also counts and displays the number od days that you’ve selected.

jQuery Date Range Picker


Download and use this wonderful date picker and use it in your websites or applications. You can also use the scroll to select the exact day.

DateTimePicker-Date Pickers


This is a great date picker that you can download and quickly integrate into our projects. This item has a highly customizable design.

glDatePicker Date Pickers


This is an amazing date picker which includes multiple hours, minutes, days, pickers. Browse through all and see which ones you require.

Timepicker-for-jQuery-–Date Pickers

Zebra Datepicker

This date picker has a small design with customizable characteristics. Download and add it to your website or app design for amazing results.



Here you have another amazing date picker that you can download and use in your designs. Have a look and see if this item fits your style.

Date Pickers


This is a neat date picker which includes lots of editable features directly from CSS. It has a flat style and can be perfect for various situations.


jQuery UI DateRangePicker

This is a wonderful jQuery UI date picker that you can also use to select a time range from a specific period. This will definitely come in handy at some point.


Simple DateTimePicker

Here you have a great date picker with a simple but effective minimalistic design. You can customize its features until you are happy with the result.

jquery-simple-datetimepicker-Date Pickers


This date picker functions on a simple but powerful concept that makes it look amazing in multiple projects. Discover its full features and use it in your digital projects.

PickMeUp--Date Pickers


You can use this lovely date picker to quickly select a number of days, for example, 4. This item has also lots of customizable features that will help you create the design that you like.



You can use this date picker to select specific dates from a calendar. This item has an excellent drop-down layout with a highly customizable design.

Datepair.js-Date Pickers

The post Date Pickers | 20 Javascript Libraries You Can Use appeared first on Line25.


20 Sketch Sheets and Templates for Designing Web and App Layouts

Looking for some sketch sheets and templates for creating the perfect web and app layouts? Look no further! We selected some of the best templates and sketch sheets you can use.

This wonderful, hand-picked selection of sketch sheets and templates can be downloaded for free and used for your next website or application. Some of them come as apps/online tools you can use, while others, as downloadable and even printable resources. Take a closer look at all of them and see which one fits the criteria for what you are looking for.

These are real time-savers when it comes to drawing layouts, prototyping and creating professional products. You can choose from many styles and customize them in a few easy steps.

Hope you’ll find them useful for your projects!


Sneakpeekit comes in handy in countless situations. It includes many mobile mockups that you can use to build responsive websites. See if this is an answer to your needs.


Interface Sketch

This is an amazing pack that contains pre-designed Sketch templates. You can use them to build powerful web and mobile projects.

Interface-Sketch Skechsheets and Templates

Responsive Sketchsheets by ZURB

This is a great source that offers responsive pre-design templates. These will automatically adapt their layout to any screen size and include neat features.

Responsive Sketchsheets

Responsive Design Sketch Book

Here you will find gorgeous templates with fully responsive behavior. Also, the design has a multi-grid front page that includes special pages for sketch boarding.


Responsive Web Design Sketchsheets by Jeremy Palford

Here is an excellent pack of 100% responsive pre-designed layouts that are compatible with a variety of device sizes, Also, you can download and use them for free.

Responsive Web Design Sketch Sheets

Responsive Web Design Sketchsheets by James Brocklehurst

This great set contains an amazing set of sheets, a simple thumbnailed version and a pack of wireframe templates with grids.


Responsive Sketch Pad

You can use this template to quickly generate cross-platform app concepts. Also, these come in handy to visualizing the prototypes on various devices and see how they behave.

UI Stencils Responsive Sketch Pad

Wireframe Frontpage Template

Here is a great wireframe front page template of a very usual landing page.  This includes everything that you need to create professional designs.

Wireframe Front page Google Drawings Skechsheets and Templates

Mobile Phone Drill-Down Wireframe Template

This is a lovely wireframe template that has a layout which is very similar to the iPhone design. It uses alike drill-down menu and other features.

Mobile phone drill-down Skechsheets and Templates Google Drawings

Mobile iPhone Stencil

This is an amazing wireframe which includes lots of neat features. You can use stencils that are similar scrollbars, checkboxes and, notes.

Mobile-Phone-Skechsheets Templates Google-Drawings

Flow Chart Templates

This is another useful tool that helps you build professional digital products with creative layouts. These flow chart templates can be used for various situations and will look beautifully, regardless of the purpose.

Flow Chart Templates

Infographics Toolbox

Download and use this infographic toolbox that lets you to beautifully showcase your personalized information. You can use it for custom graphics, charts, maps, etc.


Business Plan Template

This is an excellent business plan template that contains lots of amazing details. It is professional and it can be perfect for any creative studio.

Business Plan Template

Wireframe Product Details template

You can use this amazing source for any of your e-commerce websites or create an original wireframe for a brand new product. Either way, have a closer look and see what it offers.


Android Phones Stencils

You can use these designs for multiple situations such as a background for messages, or for mobile phone mockups. Have a closer look and see if these are useful to your designs.

Android Phones Stencils

Palm Pre Stencil 

You can use this source to quickly build your desired mockup and use it to showcase your current or upcoming projects. Here you will find UI widget stencils that were created for Palm Pre device.


Flowchart Stencil

This template is a real time-saver that allows you to quickly create flowcharts. You have all the custom elements right next to the canvas and are very intuitive to use.

Flowchart Stencils Template

Website Project Planning Template

This is a very useful project planning template that keeps your information well-organized and always available. You can quickly see at all times your project’s activity.

Website-project-planning-template-Google-Sheets Skechsheets Templates

Ready to print device sketch sheets for mobile devices

Here you have pre-designed wireframes that you can use in your own projects. Have a closer look and see if these meet your requirements.

Printable-device-sketch-sheet-templates-for-UI-Skechsheets Templates

Ready to print device sketch sheets for web projects

You can use these excellent sketch sheets to create your future website. These are available in PNG and PDF format and are print ready.

Print-Web-Mobile-UI-Templates-With-Sketchsheet Templates

The post 20 Sketch Sheets and Templates for Designing Web and App Layouts appeared first on Web Design Blog | Magazine for Designers.


The Cash Box Blueprint

Most Reading