Works across the web, iOS, Android and Windows Phone 10
Use the available directives for all Mobiscroll controls in your Angular and Ionic apps. Familiar syntax, no messy code and workarounds. You don't even have to load jQuery for the controls to work.
<input [(ngModel)]="calendar" mbsc-calendar [mbsc-options]="calendarSettings" placeholder="Please select..." />
You can tie in different event handlers through the lifecycle of the controls.
Use the Mobiscroll CLI and get the packages you need from NPM.
Step 1. Install Mobiscroll CLI.
$ npm install -g @mobiscroll/cli
Step 2. Configure Mobiscroll in your Angular app.
$ mobiscroll config angular
We are shipping UI components to cut serious development time.
Handle almost any date and time picking challenges thrown your way.
Shipping with calendar view, date, time and timespan scrollers the components are ready for mobile, touch devices, kiosks all the way to fully fledged desktop web apps.
Building UI for booking resources, plane tickets, rentals or hotel rooms?
Get ready for mobile, touch devices and desktop web, supporting validation, disabled dates, min & max, custom functionality and more.
Use it to build a mobile friendly calendaring and scheduling experience. With the help of the calendar view, week view, scheduler, timeline and agenda you are covered for most use cases.
With built in resources, drag & drop, optimized mobile & desktop interaction, work week & hours combined with deep customization... there is much to explore.
Handle data selection on mobile and desktop like a pro.
Single, multiple value select for text, images in hierarchy or with autocomplete and with the dedicated color picker you are prepared for most scenarios.
Create engaging and good looking forms.
The form components cover different types of inputs, buttons, switches, checkboxes, steppers and more.
Break up the monotony of boring UI and get all the tools you need to build polished forms for mobile & desktop.
List any type of flat or hierarchical data with built-in gesture support for slide/cover actions, delete, reorder, organize and more.
Render either vertical, horizontal lists and use a custom container or use the built-in cards for a consistent look & feel.
Handle number entry and selection like a pro.
Whether you’ll need to enter a number, phone number, monetary value or you’ll need to pick from a set of pre-defined values, set measurements with or without unit conversion, you got it all. The numeric keypad even supports date and time entry as well.
Handle anything from simple to complex responsive layouts to house your content and forms.
Use the navigation component to handle tabs, bottom navigation and hamburger menus as pop-overs.
With the help of the popup component dynamically show focused interfaces when and how you need it.
We'll support you through the whole process of getting up & running
Join great companies who take their UI seriously
"We are using the Mobiscroll Calendar in one of our products.
Although it didn't come with the functionality we were looking for out of the box,
the support team went above and beyond to help me with the problem.
I was absolutely amazed by it and got so much more than I was expecting."
Tom Maddocks, Web Developer, Blueleaf
No problem if you have an existing project, you can easily plug Mobiscroll into your web or mobile app. Think of it as powerups.
With well thought out components and a lot of edge cases handled make your app feel and be top notch.