dev configs

hampusborgos · Oct 3, 2015 · 7aeaae8 · 7aeaae8
1 parent 4095e2a
commit 7aeaae8
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 20 deletions.
diff --git a/build/dev.config.js b/build/dev.config.js
@@ -1,6 +1,5 @@
 var path = require('path')
   , makeConfig = require('./make-config');
-  , args = require('yargs').argv;
 
 module.exports = makeConfig({
 
@@ -10,11 +9,12 @@ module.exports = makeConfig({
 
   devtool: 'source-map',
 
-  entry:  path.join(__dirname,'../dev/dev.jsx'),
+  entry:  path.join(__dirname, '../dev/dev.jsx'),
 
   output: {
     filename: 'bundle.js',
-    path: __dirname
+    path: __dirname,
+    publicPath: '/dev'
   }
 
 })
diff --git a/dev/dev.jsx b/dev/dev.jsx
@@ -3,25 +3,27 @@ require('../src/less/react-widgets.less')
 
 //require('react-a11y')();
 var configure = require('../src/configure')
+var localizers = require('../src/globalize-localizers')
+
+configure.setLocalizers(localizers(window.Globalize))
 
 //configure.setGlobalizeInstance(window.Globalize);
 
 var React = require('react/addons')
 //var jquery = require('jquery')
 var index = require('../src')
+var dates = require('../src/util/dates')
 var DropdownList = require('../src/DropdownList.jsx')
 var Multiselect = require('../src/Multiselect.jsx')
 var Calendar = require('../src/Calendar.jsx')
-var DatePicker = require('../src/DateTimePicker.jsx')
-var NumberPicker = require('../src/NumberPicker.jsx')
-var ComboBox = require('../src/Combobox.jsx')
-var SelectList = require('../src/SelectList.jsx')
-var List = require('../src/List.jsx')
+// var DatePicker = require('../src/DateTimePicker.jsx')
+// var NumberPicker = require('../src/NumberPicker.jsx')
+// var ComboBox = require('../src/Combobox.jsx')
+// var SelectList = require('../src/SelectList.jsx')
+// var List = require('../src/List.jsx')
 
 var chance = new (require('chance'))
 
-var { ModalTrigger, Modal } = require('react-bootstrap')
-
 // var moment = require('moment')
 
 // var endOfDecade = date => moment(date).add(10, 'year').add(-1, 'millisecond').toDate()
@@ -131,11 +133,18 @@ var App = React.createClass({
         <div style={{ maxWidth: 600, height: 1500 }}>
 
           <section className="example" style={{ marginBottom: 20 }}>
-          <button onClick={() => this.dropdowns()}>add</button>
-
-          <DatePicker editFormat='d' onChange={(...args)=> console.log(args)}/>
-
-
+            <button
+              onClick={() => this.setState({
+                calDate: dates.add(this.state.calDate, 1, 'month')
+              })}
+            >
+              add
+            </button>
+
+            <Calendar
+              value={this.state.calDate}
+              onChange={calDate => this.setState({ calDate })}
+            />
           </section>
         </div>
       </div>
@@ -173,4 +182,4 @@ function suggestList(){
     { id: i += 1, name: "jimmy smith" },
     { id: i += 1, name: "john" }
   ]
-}
+}
diff --git a/dev/index.html b/dev/index.html
@@ -22,8 +22,8 @@
 <body>
 
 </body>
-<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/1.0.0/globalize.min.js" type="text/javascript"></script> -->
-<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/0.1.1/cultures/globalize.culture.en-GB.js" type="text/javascript"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/0.1.1/cultures/globalize.culture.fr.js" type="text/javascript"></script> -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/0.1.1/globalize.min.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/0.1.1/cultures/globalize.culture.en-GB.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/globalize/0.1.1/cultures/globalize.culture.fr.js" type="text/javascript"></script>
 <script src="./bundle.js" type="text/javascript"></script>
-</html>
+</html>