JSFiddle - React, Tailwind, and code Playground

by Sampath Lokuge

HTML

<title>Working with Style</title>
<a href="http://02geek.com/catalog">Courses</a>
<a href="http://02geek.com/books/">Books</a>
<a href="http://02geek.com/tools/">Tools</a> 
<a href="http://blog.everythingfla.com">My Blog</a> 
<br/><br/>
Select a date:<input type="text" id="datePicker"/>

CSS

/*! jQuery UI - v1.10.1 - 2013-02-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=20px&bgColorHeader=%233a8104&bgTextureHeader=highlight_soft&bgImgOpacityHeader=33&borderColorHeader=%233f7506&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23285c00&bgTextureContent=inset_soft&bgImgOpacityContent=10&borderColorContent=%2372b42d&fcContent=%23ffffff&iconColorContent=%2372b42d&bgColorDefault=%234ca20b&bgTextureDefault=highlight_soft&bgImgOpacityDefault=60&borderColorDefault=%2345930b&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%23b32505&bgTextureHover=highlight_soft&bgImgOpacityHover=50&borderColorHover=%238bd83b&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23285c00&bgTextureActive=highlight_hard&bgImgOpacityActive=30&borderColorActive=%2372b42d&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fbf5d0&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23f9dd34&fcHighlight=%23363636&iconColorHighlight=%234eb305&bgColorError=%23ffdc2e&bgTextureError=diagonals_thick&bgImgOpacityError=95&borderColorError=%23fad000&fcError=%232b2b2b&iconColorError=%23cd0a0a&bgColorOverlay=%23444444&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=diagonals_small&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT...

JavaScript

$(function(){
    $('a').button();
    $('#datePicker').datepicker();
  });