THUNKABLE TUTORIAL 15: Time Picker

There are two elements to a DatePicker, a button that opens the DatePicker and the DatePicker itself. The button you can customize but the DatePicker design is set to the Material Design default. Property Description Height Height in pixels, percent, 'Automatic' or 'Fill' Width Width in pixels, percent, 'Automatic' or 'Fill' Shape Default (rectangle), rounded, rectangular or oval. The shape will not be visible if an Image is being displayed Background Color Default (Gray). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor Image You can upload an image to your app or reference an image url. If an image is uploaded, it will negate the background color and shape properties Text Optional text that will display on the button Text Color Default (Black). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor Text Alignment Left, center (recommended) or right Font Bold If checked, button text is displayed in bold Font Italic If checked, button text is displayed in italic Font Size Point size for button text Font Typeface Default (Roboto), Roboto Regular, Roboto Thin, Sans Serif, Serif, and Monospace. You can upload your own custom font (.ttf) Visible If checked, the button will be visible on the screen Functionality Property / Event Description SetDate to Display (day, month, year) Sets a specific date to display when user opens DatePicker. The current date is the default SetDate to Display from Instant (instant) Sets a specific instant (using the Clock component) to use as date when user opens DatePicker. The current date is the default User's finger is away from the button, making it no longer possible to TimePicker ​ Appearance There are two elements to a TimePicker, a button that opens the TimePicker and the TimePicker itself. The button you can customize but the TimePicker design is set to the Material Design default. Property Description Height Height in pixels, percent, 'Automatic' or 'Fill' Width Width in pixels, percent, 'Automatic' or 'Fill' Shape Default (rectangle), rounded, rectangular or oval. The shape will not be visible if an Image is being displayed Background Color Default (Gray). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor Image You can upload an image to your app or reference an image url. If an image is uploaded, it will negate the background color and shape properties Text Optional text that will display on the button Text Color Default (Black). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor Text Alignment Left, center (recommended) or right Font Bold If checked, button text is displayed in bold Font Italic If checked, button text is displayed in italic Font Size Point size for button text NEVER MISS: Tutorial 1:https://youtu.be/siQ30KyHyHs Tutorial 2:https://youtu.be/khqGc_tN9Ks Tutorial 3:https://youtu.be/QfNva0--TpI Tutorial 4:https://youtu.be/2r1j9tThlxk Tutorial 5:https://youtu.be/I19oMaYpqPk Tutorial 6:https://youtu.be/_lOknhGdCKY Turtorial 7:https://youtu.be/exn7aSkKQy0 Tutorial 8:https://youtu.be/73dnexr839o Tutorial 9:https://youtu.be/wJhIHFEFtnA Tutorial 10:https://youtu.be/5h8nd7buFHc Tutorial 11:https://youtu.be/zdVJkofY_Yc Tutorial 12:https://youtu.be/1rZ5VWo9hUg Tutorial 13:https://youtu.be/lWxRke7YbX0 Tutorial 14:https://youtu.be/iR_UWlA-BmY Tutorial 15:https://youtu.be/IcU683pUCUY PLEASE SUBSCRIBE MY CHANNEL:https://www.youtube.com/channel/UCMsgwuzgqEnO5hh8gzf35yw thunkable tutorial, thunkable aia file, thunkable earning app, thunkable se app kaise banaye, thunkable aia file earning app, thunkable alternative, thunkable app not installed, thunkable beta, thunkable back press, thunkable browser, thunkable browser app aia file, thunkable browser aia, thunkable best app, thunkable chat app, thunkable camera app, thunkable commission, thunkable countdown timer, thunkable complete tutorial in hindi, thunkable coding, thunkable dynamic app, thunkable design, thunkable download app, thunkable disadvantages, thunkable daily task, thunkable drawing app, thunkable earning app kaise banaye, thunkable extensions, thunkable earn money app, thunkable export problem, thunkable free aia file, thunkable facebook ads, thunkable full tutorial hindi, thunkable firebase hindi, thunkable firebase login, thunkable firebase authentication, thunkable google sheets, thunkable game create, thunkable gallery, thunkable google maps, thunkable high quality earning app aia, thunkable how to use, thunkable how to make app, thunkable how to put ads, thunkable in telugu, thunkable interstitial ads timer, thunkable interstitial ads not showing, thunkable internet check, thunkable jokes app