├── .gitignore ├── Gruntfile.js ├── Known-Bugs.md ├── LICENSE ├── README.md ├── bower.json ├── demo ├── AnyPicker-Common-Date-and-Select.htm ├── AnyPicker-Common-DeviceDetection.htm ├── AnyPicker-Common-DirectionRTL.htm ├── AnyPicker-Common-Internationalization.htm ├── AnyPicker-Common-Navigation.htm ├── AnyPicker-Common-NonInputElement.htm ├── AnyPicker-Common-Theme.htm ├── AnyPicker-DateTime-Date-MinMax-Past.htm ├── AnyPicker-DateTime-Date-MinMax.htm ├── AnyPicker-DateTime-Date.htm ├── AnyPicker-DateTime-DateTime-MinMax.htm ├── AnyPicker-DateTime-DateTime.htm ├── AnyPicker-DateTime-DiffFormats.htm ├── AnyPicker-DateTime-HumanReadable.htm ├── AnyPicker-DateTime-Interval.htm ├── AnyPicker-DateTime-Invalid_SelectedDate.htm ├── AnyPicker-DateTime-MMMMYYYY.htm ├── AnyPicker-DateTime-MMYYYY.htm ├── AnyPicker-DateTime-ReflectChanges.htm ├── AnyPicker-DateTime-StartEnd-Date.htm ├── AnyPicker-DateTime-StartEnd-DateTime.htm ├── AnyPicker-DateTime-StartEnd-Time.htm ├── AnyPicker-DateTime-StartEnd.htm ├── AnyPicker-DateTime-Time-MinMax.htm ├── AnyPicker-DateTime-Time.htm ├── AnyPicker-Layout-Fixed-Date.htm ├── AnyPicker-Layout-Fixed.htm ├── AnyPicker-Layout-Inline.htm ├── AnyPicker-Layout-Popup.htm ├── AnyPicker-Layout-Relative.htm ├── AnyPicker-Select-Basic.htm ├── AnyPicker-Select-Conditions.htm ├── AnyPicker-Select-CustomRowView.htm ├── AnyPicker-Select-DataVal.htm ├── AnyPicker-Select-HTML-List.htm ├── AnyPicker-Select-HTML-Select.htm ├── AnyPicker-Select-MiddleRow.htm ├── AnyPicker-Select-Multi-Component.htm ├── AnyPicker-Select-ParseInput.htm ├── ContinentsAndCountries.js ├── Currencies.js ├── index.css ├── index.html └── vendors │ ├── AnyPickerIconFont.css │ ├── bootstrap.min.css │ ├── bootstrap.min.js │ ├── fonts │ ├── AnyPickerIconFont.eot │ ├── AnyPickerIconFont.svg │ ├── AnyPickerIconFont.ttf │ └── AnyPickerIconFont.woff │ ├── images │ ├── basketball.png │ ├── bowling.png │ ├── cycling.png │ ├── golf.png │ ├── pingpong.png │ ├── racing.png │ ├── rugby.png │ ├── running.png │ ├── snooker.png │ ├── soccer.png │ ├── swimming.png │ ├── tennis.png │ └── volleyball.png │ └── jquery-1.11.1.min.js ├── dist ├── anypicker-all.css ├── anypicker-all.min.css ├── anypicker-android.css ├── anypicker-core.css ├── anypicker-core.js ├── anypicker-custom.js ├── anypicker-custom.min.js ├── anypicker-datetime.js ├── anypicker-font.css ├── anypicker-ios.css ├── anypicker-pickercomponent.css ├── anypicker-pickercomponent.js ├── anypicker-select.js ├── anypicker-windows.css ├── anypicker.css ├── anypicker.js ├── anypicker.min.css ├── anypicker.min.js ├── fonts │ ├── anypicker-font.eot │ ├── anypicker-font.svg │ ├── anypicker-font.ttf │ └── anypicker-font.woff └── i18n │ ├── anypicker-i18n-de-at.js │ ├── anypicker-i18n-de.js │ ├── anypicker-i18n-en.js │ ├── anypicker-i18n-fr.js │ ├── anypicker-i18n-nb.js │ ├── anypicker-i18n-ru.js │ ├── anypicker-i18n-zh-cn.js │ └── anypicker-i18n.js ├── doc ├── Doc.htm ├── css │ ├── AP-Portal-Font.css │ ├── common.css │ ├── details.css │ ├── doc.css │ └── fonts │ │ ├── AP-Portal-Font.eot │ │ ├── AP-Portal-Font.svg │ │ ├── AP-Portal-Font.ttf │ │ └── AP-Portal-Font.woff └── js │ ├── AnyPickerData.js │ ├── doc.js │ ├── handlebars.js │ └── jquery.easing.min.js ├── index.css ├── index.html ├── package.json └── src ├── anypicker-all.css ├── anypicker-android.css ├── anypicker-core.css ├── anypicker-core.js ├── anypicker-custom.js ├── anypicker-custom.min.js ├── anypicker-datetime.js ├── anypicker-font.css ├── anypicker-ios.css ├── anypicker-pickercomponent.css ├── anypicker-pickercomponent.js ├── anypicker-select.js ├── anypicker-windows.css ├── anypicker.css ├── anypicker.js ├── fonts ├── anypicker-font.eot ├── anypicker-font.svg ├── anypicker-font.ttf └── anypicker-font.woff └── i18n ├── anypicker-i18n-de-at.js ├── anypicker-i18n-de.js ├── anypicker-i18n-en.js ├── anypicker-i18n-fr.js ├── anypicker-i18n-nb.js ├── anypicker-i18n-ru.js ├── anypicker-i18n-zh-cn.js └── anypicker-i18n.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .DS_Store 3 | npm-debug.log -------------------------------------------------------------------------------- /Known-Bugs.md: -------------------------------------------------------------------------------- 1 | As of today, no bugs are reported. 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c)2017 Lajpat Shah 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## AnyPicker - Picker Library for Mobile OS 2 | 3 | 4 | ## What is AnyPicker? 5 | AnyPicker is a jQuery Picker Library for Android, iOS & Windows Phone. eg **Date Picker**, **Time Picker**, **DateTime Picker**, **Rating Picker**, **Custom Select** etc. It simulates native picker functionality as seen in iOS, Android & Windows Phone & has many customizable features. 6 | 7 | ## Where can I use AnyPicker? 8 | You can use AnyPicker in your 9 | - Web applications 10 | - Mobile websites 11 | - Native mobile applications using webview 12 | - Hybrid mobile applications created using Phonegap, Titanium etc. 13 | 14 | ## Browser Support 15 | - Chrome, Firefox, Safari, Opera, IE 10+ 16 | - Android 2.3+, iOS 6+, Windows Phone 8 17 | 18 | 19 | ##Installations 20 | 21 | - npm 22 | 23 | `npm install anypicker` 24 | 25 | - bower 26 | 27 | `bower install anypicker` 28 | 29 | ##CDN 30 | [AnyPicker is hosted on jsDelivr](https://www.jsdelivr.com/package/npm/anypicker). 31 | 32 | Files - Latest 33 | 34 | ``` 35 | 36 | 37 | 38 | 39 | ``` 40 | 41 | Files - Particular Version 42 | 43 | ``` 44 | 45 | 46 | 47 | 48 | ``` 49 | 50 | ## Authors 51 | [Neha Kadam](https://github.com/nehakadam): Developer
52 | [Lajpat Shah](https://github.com/lajpatshah): Concept & Design Contributor 53 | 54 | ## Thank You 55 | - [All Contributors](https://github.com/nehakadam/DateTimePicker/contributors) 56 | 57 |

58 | 59 | Copyright 2017 [Lajpat Shah](https://github.com/lajpatshah) 60 | 61 | ##License 62 | 63 | Licensed under the MIT License 64 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "anypicker", 3 | 4 | "version": "2.0.9", 5 | 6 | "license" : "MIT", 7 | 8 | "description": "AnyPicker is a customizable jQuery Picker Library for Mobile OS. Create custom mobile pickers (Date, Time, Rating etc) for iOS, Android & Windows. Use pre-built pickers like Date Picker, Time Picker, Date Time Picker, etc.", 9 | 10 | "keywords": [ 11 | "Picker", 12 | "Date Picker", 13 | "Time Picker", 14 | "DateTime Picker", 15 | "Date", 16 | "Time", 17 | "Date Time Picker", 18 | "Bootstrap", 19 | "Mobile", 20 | "Android", 21 | "iOS", 22 | "Windows", 23 | "Rating" 24 | ], 25 | 26 | "homepage": "https://nehakadam.github.io/AnyPicker/", 27 | 28 | "main": ["dist/anypicker.min.js", "dist/anypicker-all.min.css"], 29 | 30 | "authors": [ 31 | "Neha Kadam (https://github.com/nehakadam)", 32 | "Lajpat Shah (https://github.com/lajpatshah)" 33 | ], 34 | 35 | "repository": { 36 | "type": "git", 37 | "url": "git://github.com:nehakadam/AnyPicker.git" 38 | }, 39 | 40 | "license" : "UNLICENSED", 41 | 42 | "dependencies": { 43 | "jquery": ">=1.0.0" 44 | }, 45 | 46 | "devDependencies": { 47 | "grunt": "^0.4.5", 48 | "grunt-contrib-concat": "^0.5.0", 49 | "grunt-contrib-copy": "^0.4.0", 50 | "grunt-contrib-csslint": "^0.4.0", 51 | "grunt-contrib-cssmin": "^0.5.0", 52 | "grunt-contrib-jshint": "^0.11.0", 53 | "grunt-contrib-uglify": "^0.4.0", 54 | "grunt-contrib-watch": "^0.6.0" 55 | }, 56 | 57 | "ignore": [ 58 | "**/.*", 59 | "node_modules", 60 | "package.json" 61 | ] 62 | 63 | } 64 | -------------------------------------------------------------------------------- /demo/AnyPicker-Common-DeviceDetection.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Dynamic Themes based on Device - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 134 | 135 | 136 | 137 |
Date :
132 | 133 |
138 | 139 | 140 | 141 | 142 | -------------------------------------------------------------------------------- /demo/AnyPicker-Common-DirectionRTL.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Direction RTL - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 160 | 161 | 162 | 163 |
Date : (Default)
116 | 117 |
Date : (iOS)
130 | 131 |
Date : (Android)
144 | 145 |
Date : (Windows)
158 | 159 |
164 | 165 | 166 | 167 | 168 | -------------------------------------------------------------------------------- /demo/AnyPicker-Common-Internationalization.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | i18n - AnyPicker 8 | 9 | 10 | 11 | 12 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 229 | 230 | 231 | 232 |
Language :
171 | 172 |
Date : (Default)
185 | 186 |
Date : (iOS)
199 | 200 |
Date : (Android)
213 | 214 |
Date : (Windows)
227 | 228 |
233 | 234 | 235 | 236 | 237 | -------------------------------------------------------------------------------- /demo/AnyPicker-Common-NonInputElement.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Non Input Element - AnyPicker 8 | 9 | 10 | 11 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 127 | 128 | 129 | 130 |
Date :
124 | 125 | Show 126 |
131 | 132 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /demo/AnyPicker-Common-Theme.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Themes - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 153 | 154 | 155 | 156 |
Date : (Default)
109 | 110 |
Date : (iOS)
123 | 124 |
Date : (Android)
137 | 138 |
Date : (Windows)
151 | 152 |
157 | 158 | 159 | 160 | 161 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Date-MinMax-Past.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Min Max with Past Values - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 80 | 81 | 82 | 83 |
Date : (Default)
78 | 79 |
84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Date-MinMax.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Date Picker - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 85 | 86 | 87 | 88 |
Date : (Default)
83 | 84 |
89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Date.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Date Picker - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 145 | 146 | 147 | 148 |
Date : (Default)
101 | 102 |
Date : (iOS)
115 | 116 |
Date : (Android)
129 | 130 |
Date : (Windows)
143 | 144 |
149 | 150 | 151 | 152 | 153 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-DateTime-MinMax.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | DateTime Picker - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 80 | 81 | 82 | 83 |
Date : (Default)
78 | 79 |
84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-DateTime.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Date Time Picker - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 171 | 172 | 173 | 174 |
DateTime : (Default)
127 | 128 |
DateTime : (iOS)
141 | 142 |
DateTime : (Android)
155 | 156 |
DateTime : (Windows)
169 | 170 |
175 | 176 | 177 | 178 | 179 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-DiffFormats.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | dateTimeFormat and inputDateTimeFormat - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 149 | 150 | 151 | 152 |
Date : (Default)
105 | 106 |
Date : (iOS)
119 | 120 |
Date : (Android)
133 | 134 |
Date : (Windows)
147 | 148 |
153 | 154 | 155 | 156 | 157 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-HumanReadable.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Human Readable DateTime - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 205 | 206 | 207 | 208 |
DateTime : (Default)
161 | 162 |
DateTime : (iOS)
175 | 176 |
DateTime : (Android)
189 | 190 |
DateTime : (Windows)
203 | 204 |
209 | 210 | 211 | 212 | 213 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Interval.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Interval - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 177 | 178 | 179 | 180 |
Time : (Default)
133 | 134 |
Time : (iOS)
147 | 148 |
Time : (Android)
161 | 162 |
Time : (Windows)
175 | 176 |
181 | 182 | 183 | 184 | 185 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Invalid_SelectedDate.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Disabled Days - DateTime 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 199 | 200 | 201 | 202 |
DateTime : (Default)
155 | 156 |
DateTime : (iOS)
169 | 170 |
DateTime : (Android)
183 | 184 |
DateTime : (Windows)
197 | 198 |
203 | 204 | 205 | 206 | 207 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-MMMMYYYY.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | "MMMM YYYY" - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 234 | 235 | 236 | 237 |
Month and Year : (Default)
190 | 191 |
Month and Year : (iOS)
204 | 205 |
Month and Year : (Android)
218 | 219 |
Month and Year : (Windows)
232 | 233 |
238 | 239 | 240 | 241 | 242 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-MMYYYY.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | "MM YYYY" with Date Range - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 172 | 173 | 174 | 175 |
Month and Year : (Default)
128 | 129 |
Month and Year : (iOS)
142 | 143 |
Month and Year : (Android)
156 | 157 |
Month and Year : (Windows)
170 | 171 |
176 | 177 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-ReflectChanges.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Update onChange - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 173 | 174 | 175 | 176 |
DateTime : (Default)
129 | 130 |
DateTime : (iOS)
143 | 144 |
DateTime : (Android)
157 | 158 |
DateTime : (Windows)
171 | 172 |
177 | 178 | 179 | 180 | 181 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-StartEnd-Date.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Start Date and End Date - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 141 | 142 | 143 | 144 |
Start Date :
125 | 126 |
End Date :
139 | 140 |
145 | 146 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-StartEnd-DateTime.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Start Date and End Date - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 140 | 141 | 142 | 143 |
Start Date :
124 | 125 |
End Date :
138 | 139 |
144 | 145 | 146 | 147 | 148 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-StartEnd-Time.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Start Time and End Time - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 140 | 141 | 142 | 143 |
Start Date :
124 | 125 |
End Date :
138 | 139 |
144 | 145 | 146 | 147 | 148 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-StartEnd.htm: -------------------------------------------------------------------------------- 1 | @@ -1,147 +0,0 @@ 2 | 3 | 4 | 5 | 6 | 7 | 8 | Start Date and End Date - AnyPicker 9 | 10 | 11 | 12 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 141 | 142 | 143 | 144 |
Start Date :
125 | 126 |
End Date :
139 | 140 |
145 | 146 | 147 | 148 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Time-MinMax.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Time - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 80 | 81 | 82 | 83 |
Time : (Default)
78 | 79 |
84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /demo/AnyPicker-DateTime-Time.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Time - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 146 | 147 | 148 | 149 |
Time : (Default)
102 | 103 |
Time : (iOS)
116 | 117 |
Time : (Android)
130 | 131 |
Time : (Windows)
144 | 145 |
150 | 151 | 152 | 153 | 154 | -------------------------------------------------------------------------------- /demo/AnyPicker-Layout-Fixed-Date.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Layout Fixed - Date - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 173 | 174 | 175 | 176 |
DateTime : (Default)
129 | 130 |
DateTime : (iOS)
143 | 144 |
DateTime : (Android)
157 | 158 |
DateTime : (Windows)
171 | 172 |
177 | 178 | 179 | 180 | 181 | -------------------------------------------------------------------------------- /demo/AnyPicker-Layout-Inline.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Layout Inline - AnyPicker 8 | 9 | 10 | 11 | 12 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 |
Currency : (Default)
210 | 211 |
Currency : (iOS)
230 | 231 |
Currency : (Android)
250 | 251 |
Currency : (Windows)
270 | 271 |
282 | 283 | 284 | 285 | 286 | -------------------------------------------------------------------------------- /demo/AnyPicker-Layout-Popup.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Layout Popup - AnyPicker 8 | 9 | 10 | 11 | 12 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 222 | 223 | 224 | 225 |
Currency : (Default)
178 | 179 |
Currency : (iOS)
192 | 193 |
Currency : (Android)
206 | 207 |
Currency : (Windows)
220 | 221 |
226 | 227 | 228 | 229 | 230 | -------------------------------------------------------------------------------- /demo/AnyPicker-Layout-Relative.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Layout Relative - AnyPicker 8 | 9 | 10 | 11 | 12 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 257 | 258 | 259 | 260 |
Currency : (Default)
213 | 214 |
Currency : (iOS)
227 | 228 |
Currency : (Android)
241 | 242 |
Currency : (Windows)
255 | 256 |
261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /demo/AnyPicker-Select-Basic.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Basic Picker - AnyPicker 8 | 9 | 10 | 11 | 12 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 224 | 225 | 226 | 227 |
Currency : (Default)
180 | 181 |
Currency : (iOS)
194 | 195 |
Currency : (Android)
208 | 209 |
Currency : (Windows)
222 | 223 |
228 | 229 | 230 | 231 | 232 | -------------------------------------------------------------------------------- /demo/AnyPicker-Select-HTML-List.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HTML Select Element - AnyPicker 8 | 9 | 10 | 11 | 12 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 97 | 98 | 99 | 100 |
Sports :
81 | 82 | 83 |
    84 |
  • Basketball
    • 85 |
  • Bowling
    • 86 |
  • Racing
    • 87 |
  • Golf
    • 88 |
  • Pingpong
    • 89 |
  • Snooker
    • 90 |
  • Cycling
    • 91 |
  • Rugby
    • 92 |
  • Soccer
    • 93 |
  • Swimming
    • 94 |
  • Vollyball
    • 95 |
96 |
101 | 102 | 105 | 106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /demo/AnyPicker-Select-HTML-Select.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HTML Select Element - AnyPicker 8 | 9 | 10 | 11 | 12 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 97 | 98 | 99 | 100 |
Sports :
81 | 82 | 83 | 96 |
101 | 102 | 105 | 106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /demo/AnyPicker-Select-Multi-Component.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Multiple Components - AnyPicker 8 | 9 | 10 | 11 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 236 | 237 | 238 | 239 |
Duration : (Default)
192 | 193 |
Duration : (iOS)
206 | 207 |
Duration : (Android)
220 | 221 |
Duration : (Windows)
234 | 235 |
240 | 241 | 242 | 243 | 244 | -------------------------------------------------------------------------------- /demo/ContinentsAndCountries.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | var continents = [ 4 | "Africa", 5 | "Asia", 6 | "Europe", 7 | "North America", 8 | "Oceania", 9 | "South America" 10 | ] 11 | 12 | var countries = { 13 | 14 | "Africa": [ 15 | "Algeria", 16 | "Angola", 17 | "Benin", 18 | "Botswana", 19 | "Burkina", 20 | "Burundi", 21 | "Cameroon", 22 | "Cape Verde", 23 | "Central African Republic", 24 | "Chad", 25 | "Comoros", 26 | "Congo", 27 | "Democratic Republic of Congo", 28 | "Djibouti", 29 | "Egypt", 30 | "Equatorial Guinea", 31 | "Eritrea", 32 | "Ethiopia", 33 | "Gabon", 34 | "Gambia", 35 | "Ghana", 36 | "Guinea", 37 | "Guinea-Bissau", 38 | "Ivory Coast", 39 | "Kenya", 40 | "Lesotho", 41 | "Liberia", 42 | "Libya", 43 | "Madagascar", 44 | "Malawi", 45 | "Mali", 46 | "Mauritania", 47 | "Mauritius", 48 | "Morocco", 49 | "Mozambique", 50 | "Namibia", 51 | "Niger", 52 | "Nigeria", 53 | "Rwanda", 54 | "Sao Tome and Principe", 55 | "Senegal", 56 | "Seychelles", 57 | "Sierra Leone", 58 | "Somalia", 59 | "South Africa", 60 | "South Sudan", 61 | "Sudan", 62 | "Swaziland", 63 | "Tanzania", 64 | "Togo", 65 | "Tunisia", 66 | "Uganda", 67 | "Zambia", 68 | "Zimbabwe" 69 | ], 70 | 71 | "Asia": [ 72 | "Afghanistan", 73 | "Bahrain", 74 | "Bangladesh", 75 | "Bhutan", 76 | "Brunei", 77 | "Burma (Myanmar)", 78 | "Cambodia", 79 | "China", 80 | "East Timor", 81 | "India", 82 | "Indonesia", 83 | "Iran", 84 | "Iraq", 85 | "Israel", 86 | "Japan", 87 | "Jordan", 88 | "Kazakhstan", 89 | "North Korea", 90 | "South Korea", 91 | "Kuwait", 92 | "Kyrgyzstan", 93 | "Laos", 94 | "Lebanon", 95 | "Malaysia", 96 | "Maldives", 97 | "Mongolia", 98 | "Nepal", 99 | "Oman", 100 | "Pakistan", 101 | "Philippines", 102 | "Qatar", 103 | "Russian Federation", 104 | "Saudi Arabia", 105 | "Singapore", 106 | "Sri Lanka", 107 | "Syria", 108 | "Tajikistan", 109 | "Thailand", 110 | "Turkey", 111 | "Turkmenistan", 112 | "United Arab Emirates", 113 | "Uzbekistan", 114 | "Vietnam", 115 | "Yemen" 116 | ], 117 | 118 | "Europe": [ 119 | "Albania", 120 | "Andorra", 121 | "Armenia", 122 | "Austria", 123 | "Azerbaijan", 124 | "Belarus", 125 | "Belgium", 126 | "Bosnia and Herzegovina", 127 | "Bulgaria", 128 | "Croatia", 129 | "Cyprus", 130 | "Czech Republic", 131 | "Denmark", 132 | "Estonia", 133 | "Finland", 134 | "France", 135 | "Georgia", 136 | "Germany", 137 | "Greece", 138 | "Hungary", 139 | "Iceland", 140 | "Ireland", 141 | "Italy", 142 | "Latvia", 143 | "Liechtenstein", 144 | "Lithuania", 145 | "Luxembourg", 146 | "Macedonia", 147 | "Malta", 148 | "Moldova", 149 | "Monaco", 150 | "Montenegro", 151 | "Netherlands", 152 | "Norway", 153 | "Poland", 154 | "Portugal", 155 | "Romania", 156 | "San Marino", 157 | "Serbia", 158 | "Slovakia", 159 | "Slovenia", 160 | "Spain", 161 | "Sweden", 162 | "Switzerland", 163 | "Ukraine", 164 | "United Kingdom", 165 | "Vatican City" 166 | ], 167 | 168 | "North America": [ 169 | "Antigua and Barbuda", 170 | "Bahamas", 171 | "Barbados", 172 | "Belize", 173 | "Canada", 174 | "Costa Rica", 175 | "Cuba", 176 | "Dominica", 177 | "Dominican Republic", 178 | "El Salvador", 179 | "Grenada", 180 | "Guatemala", 181 | "Haiti", 182 | "Honduras", 183 | "Jamaica", 184 | "Mexico", 185 | "Nicaragua", 186 | "Panama", 187 | "Saint Kitts and Nevis", 188 | "Saint Lucia", 189 | "Saint Vincent and the Grenadines", 190 | "Trinidad and Tobago", 191 | "United States" 192 | ], 193 | 194 | "Oceania": [ 195 | "Australia", 196 | "Fiji", 197 | "Kiribati", 198 | "Marshall Islands", 199 | "Micronesia", 200 | "Nauru", 201 | "New Zealand", 202 | "Palau", 203 | "Papua New Guinea", 204 | "Samoa", 205 | "Solomon Islands", 206 | "Tonga", 207 | "Tuvalu", 208 | "Vanuatu" 209 | ], 210 | 211 | "South America": [ 212 | "Argentina", 213 | "Bolivia", 214 | "Brazil", 215 | "Chile", 216 | "Colombia", 217 | "Ecuador", 218 | "Guyana", 219 | "Paraguay", 220 | "Peru", 221 | "Suriname", 222 | "Uruguay", 223 | "Venezuela" 224 | ] 225 | } -------------------------------------------------------------------------------- /demo/index.css: -------------------------------------------------------------------------------- 1 | 2 | .doc-header 3 | { 4 | color: #88A686 !important; 5 | } 6 | 7 | .doc-descr 8 | { 9 | color: #000000; 10 | font-weight: 300; 11 | margin-top: 50px; 12 | } 13 | 14 | .acc-container 15 | { 16 | width:90%; 17 | margin:30px auto; 18 | -webkit-border-radius:8px; 19 | -moz-border-radius:8px; 20 | -o-border-radius:8px; 21 | border-radius:8px; 22 | overflow:hidden; 23 | } 24 | 25 | .acc-container-header span 26 | { 27 | background-color: #AAAAAA; 28 | color: #FFFFFF; 29 | padding: 5px 15px 6px; 30 | border-radius: 4px; 31 | } 32 | 33 | .acc-btn 34 | { 35 | display: block; 36 | width:100%; 37 | margin:0 auto; 38 | padding:10px 15px; 39 | cursor:pointer; 40 | 41 | text-decoration: none; 42 | } 43 | 44 | .acc-btn:hover 45 | { 46 | text-decoration: none; 47 | background: #F7F5F2; 48 | } 49 | 50 | .btnTitle 51 | { 52 | color: #444444; 53 | font-size: 120%; 54 | } 55 | 56 | .acc-btn:hover .btnTitle 57 | { 58 | color: #000000; 59 | } 60 | 61 | .btnDemo 62 | { 63 | float: right; 64 | border-radius: 2px; 65 | padding: 2px 6px; 66 | text-align: center; 67 | 68 | text-decoration: none; 69 | cursor: pointer; 70 | color: #1E8BC3; 71 | } 72 | 73 | .btnDemo:hover, 74 | .acc-btn:hover .btnDemo 75 | { 76 | text-decoration: none; 77 | cursor: pointer; 78 | color: #000000; 79 | } 80 | -------------------------------------------------------------------------------- /demo/vendors/fonts/AnyPickerIconFont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/fonts/AnyPickerIconFont.eot -------------------------------------------------------------------------------- /demo/vendors/fonts/AnyPickerIconFont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/fonts/AnyPickerIconFont.ttf -------------------------------------------------------------------------------- /demo/vendors/fonts/AnyPickerIconFont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/fonts/AnyPickerIconFont.woff -------------------------------------------------------------------------------- /demo/vendors/images/basketball.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/basketball.png -------------------------------------------------------------------------------- /demo/vendors/images/bowling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/bowling.png -------------------------------------------------------------------------------- /demo/vendors/images/cycling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/cycling.png -------------------------------------------------------------------------------- /demo/vendors/images/golf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/golf.png -------------------------------------------------------------------------------- /demo/vendors/images/pingpong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/pingpong.png -------------------------------------------------------------------------------- /demo/vendors/images/racing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/racing.png -------------------------------------------------------------------------------- /demo/vendors/images/rugby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/rugby.png -------------------------------------------------------------------------------- /demo/vendors/images/running.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/running.png -------------------------------------------------------------------------------- /demo/vendors/images/snooker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/snooker.png -------------------------------------------------------------------------------- /demo/vendors/images/soccer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/soccer.png -------------------------------------------------------------------------------- /demo/vendors/images/swimming.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/swimming.png -------------------------------------------------------------------------------- /demo/vendors/images/tennis.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/tennis.png -------------------------------------------------------------------------------- /demo/vendors/images/volleyball.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nehakadam/AnyPicker/b59ef380144bdf04a7704b080591f76ce0746594/demo/vendors/images/volleyball.png -------------------------------------------------------------------------------- /dist/anypicker-font.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'anypicker-font'; 3 | src: url('fonts/anypicker-font.eot'); 4 | } 5 | @font-face { 6 | font-family: 'anypicker-font'; 7 | src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="ap-icon-"], [class*=" ap-icon-"] { 13 | font-family: 'anypicker-font'; 14 | speak: none; 15 | font-style: normal; 16 | font-weight: normal; 17 | font-variant: normal; 18 | text-transform: none; 19 | line-height: 1; 20 | 21 | /* Better Font Rendering =========== */ 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | } 25 | 26 | .ap-icon-now:before { 27 | content: "\e600"; 28 | } 29 | .ap-icon-set:before { 30 | content: "\e601"; 31 | } 32 | .ap-icon-cancel:before { 33 | content: "\e602"; 34 | } 35 | .ap-icon-clear:before { 36 | content: "\e603"; 37 | } 38 | .ap-icon-arrow-up-filled:before { 39 | content: "\e000"; 40 | } 41 | .ap-icon-arrow-down:before { 42 | content: "\e001"; 43 | } 44 | .ap-icon-arrow-down-filled:before { 45 | content: "\e002"; 46 | } 47 | .ap-icon-arrow-up:before { 48 | content: "\e003"; 49 | } 50 | -------------------------------------------------------------------------------- /dist/anypicker-pickercomponent.css: -------------------------------------------------------------------------------- 1 | /* ----------------------------------------------------------------------------- 2 | 3 | AnyPicker - Customizable Picker for Mobile OS 4 | Version 2.0.9 5 | Copyright (c)2017 Lajpat Shah 6 | Contributors : https://github.com/nehakadam/AnyPicker/contributors 7 | Repository : https://github.com/nehakadam/AnyPicker 8 | Homepage : https://nehakadam.github.io/AnyPicker 9 | 10 | ----------------------------------------------------------------------------- */ 11 | 12 | /* ------------------------- Picker Component Start ---------------------------------- */ 13 | 14 | .ap-component-section 15 | { 16 | display: table; 17 | table-layout: fixed; 18 | width: 100%; 19 | 20 | background: #FFFFFF; 21 | } 22 | 23 | .ap-loading 24 | { 25 | width: 100%; 26 | height: 100%; 27 | 28 | z-index: 2; 29 | background: #FFFFFF; 30 | } 31 | 32 | .ap-component-section, ap-component-section * 33 | { 34 | -webkit-box-sizing: border-box; 35 | -moz-box-sizing: border-box; 36 | box-sizing: border-box; 37 | 38 | -webkit-touch-callout: none; 39 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 40 | 41 | -webkit-user-select: none; 42 | -khtml-user-select: none; 43 | -moz-user-select: none; 44 | -ms-user-select: none; 45 | user-select: none; 46 | 47 | -ms-touch-select: none; 48 | -ms-touch-action: none; 49 | touch-action: none; 50 | } 51 | 52 | .ap-component 53 | { 54 | display: table-cell; 55 | } 56 | 57 | .ap-component-label 58 | { 59 | text-align: center; 60 | font-size: 0.7em; 61 | } 62 | 63 | .ap-theme-default 64 | { 65 | color: #009688; 66 | } 67 | 68 | .ap-component-plus, .ap-component-minus 69 | { 70 | background: #FFFFFF; 71 | color: #BDBDBD; 72 | 73 | width: 100%; 74 | height: 40px; 75 | line-height: 40px; 76 | 77 | text-align: center; 78 | font-size: 15px; 79 | 80 | cursor: pointer; 81 | } 82 | 83 | .ap-component-cont 84 | { 85 | position: relative; 86 | /*height: 200px;*/ 87 | overflow: hidden; 88 | } 89 | 90 | .ap-component-data 91 | { 92 | position: absolute; 93 | left: 0; 94 | top: 0; 95 | width: 100%; 96 | 97 | -webkit-backface-visibility: hidden; 98 | -moz-backface-visibility: hidden; 99 | backface-visibility: hidden; 100 | 101 | -webkit-transform-style: preserve-3d; 102 | -moz-transform-style: preserve-3d; 103 | transform-style: preserve-3d; 104 | 105 | -webkit-transform: translate3d(0, 0, 0); 106 | -moz-transform: translate3d(0, 0, 0); 107 | -o-transform: translate3d(0, 0, 0); 108 | -ms-transform: translate3d(0, 0, 0); 109 | transform: translate3d(0, 0, 0); 110 | 111 | -webkit-perspective: 1000px; 112 | -moz-perspective: 1000px; 113 | perspective: 1000px; 114 | } 115 | 116 | .ap-row 117 | { 118 | height: 40px; 119 | line-height: 40px; 120 | 121 | text-align: center; 122 | 123 | overflow: hidden; 124 | text-overflow: clip; 125 | white-space:nowrap; 126 | 127 | cursor: pointer; 128 | 129 | color: #000000; 130 | } 131 | 132 | .ap-row-invalid 133 | { 134 | color: #FFCDD2; 135 | } 136 | 137 | .ap-row-hidden 138 | { 139 | opacity: 0; 140 | } 141 | 142 | .ap-component-selector 143 | { 144 | position: absolute; 145 | left: 0; 146 | top: 50%; 147 | -webkit-transform: translateY(-50%); 148 | -moz-transform: translateY(-50%); 149 | -o-transform: translateY(-50%); 150 | -ms-transform: translateY(-50%); 151 | transform: translateY(-50%); 152 | 153 | width: 100%; 154 | height: 40px; 155 | 156 | border-top: 1px solid #009688; 157 | border-bottom: 1px solid #009688; 158 | } 159 | 160 | .ap-theme-default .ap-component-selector 161 | { 162 | left: 10%; 163 | width: 80%; 164 | } 165 | 166 | .ap-component-gradient 167 | { 168 | position: absolute; 169 | top: -1px; 170 | left: 0; 171 | 172 | width: 100%; 173 | height: 102%; 174 | 175 | cursor: pointer; 176 | 177 | /* 178 | http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\.8\%29\%200\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\.8\%29\%2030\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\%29\%2045\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\%29\%2055\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\.8\%29\%2070\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\.8\%29\%20100\%25\%29\%3B' 179 | */ 180 | 181 | background: rgba(255,255,255,0.8); 182 | background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); 183 | background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.8)), color-stop(30%, rgba(255,255,255,0.8)), color-stop(45%, rgba(255,255,255,0)), color-stop(55%, rgba(255,255,255,0)), color-stop(70%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0.8))); 184 | background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); 185 | background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); 186 | background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); 187 | background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); 188 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); 189 | } 190 | 191 | /* ------------------------- Picker Component End ---------------------------------- */ 192 | 193 | -------------------------------------------------------------------------------- /dist/anypicker-select.js: -------------------------------------------------------------------------------- 1 | /* ----------------------------------------------------------------------------- 2 | 3 | AnyPicker - Customizable Picker for Mobile OS 4 | Version 2.0.9 5 | Copyright (c)2017 Lajpat Shah 6 | Contributors : https://github.com/nehakadam/AnyPicker/contributors 7 | Repository : https://github.com/nehakadam/AnyPicker 8 | Homepage : https://nehakadam.github.io/AnyPicker 9 | 10 | ----------------------------------------------------------------------------- */ 11 | 12 | // --------------------------------- Functions : AnyPicker.Select Start ------------------------------------ 13 | 14 | //"use strict"; 15 | 16 | AnyPicker.prototype = $.extend(AnyPicker.prototype, { 17 | 18 | __setComponentsOfSelect: function() 19 | { 20 | var apo = this; 21 | 22 | if(apo.setting.dataSource === null) 23 | { 24 | if(apo.tmp.oElemValid.bIsListItem || apo.tmp.oElemValid.bIsSelect) 25 | { 26 | var sChild, $oChildElem; 27 | apo.setting.components = []; 28 | 29 | var oComponent = {}; 30 | oComponent.component = 1; 31 | oComponent.name = $(apo.elem).data("name"); 32 | oComponent.label = $(apo.elem).data("label"); 33 | apo.setting.components.push(oComponent); 34 | 35 | var oArrData = []; 36 | 37 | if(apo.tmp.oElemValid.bIsListItem) 38 | sChild = "li"; 39 | else if(apo.tmp.oElemValid.bIsSelect) 40 | sChild = "option"; 41 | 42 | $(apo.elem).find(sChild).each(function() 43 | { 44 | $oChildElem = $(this); 45 | 46 | var oSelectData = { 47 | 48 | val: $oChildElem.attr("value") || $oChildElem.data("value") || $oChildElem.text(), 49 | label: $oChildElem.text(), 50 | selected: function() 51 | { 52 | if($oChildElem.attr("selected") || $oChildElem.attr("data-selected") !== undefined && $oChildElem.attr("data-selected") === "true") 53 | return true; 54 | else 55 | return false; 56 | }, 57 | disabled: function() 58 | { 59 | if($oChildElem.attr("disabled") || $oChildElem.data("disabled") !== undefined && $oChildElem.data("disabled") === "true") 60 | return true; 61 | else 62 | return false; 63 | } 64 | }; 65 | 66 | if(oSelectData.disabled) 67 | { 68 | oSelectData.selected = false; 69 | } 70 | else if(oSelectData.selected) 71 | { 72 | apo.tmp.selected = { 73 | val: oSelectData.val, 74 | displayVal: oSelectData.displayVal 75 | }; 76 | } 77 | 78 | oArrData.push(oSelectData); 79 | }); 80 | 81 | apo.setting.dataSource = []; 82 | var oData = {}; 83 | oData.component = 1; 84 | oData.data = oArrData; 85 | apo.setting.dataSource.push(oData); 86 | 87 | apo.tmp.numOfComp = 1; 88 | 89 | if($.CF.compareStrings(apo.setting.headerTitle.contentBehaviour, "Dynamic") && $.CF.isValid(apo.setting.headerTitle.format)) 90 | { 91 | if(typeof apo.setting.headerTitle.format === "function") 92 | apo.tmp.sHeaderTitleType = "DynamicFunction"; 93 | else if(typeof apo.setting.headerTitle.format === "string") 94 | { 95 | apo.tmp.sHeaderTitleType = "DynamicString"; 96 | } 97 | } 98 | } 99 | else 100 | console.log("You will have to specify dataSource either as a JSON object or as