Skip to content
Snippets Groups Projects
Commit b953c910 authored by Tom Robinson's avatar Tom Robinson
Browse files

Remove old date picker and misc dependencies

parent 81a2be6a
No related branches found
No related tags found
No related merge requests found
......@@ -37,7 +37,6 @@
"ng-sortable": "1.2.0",
"ngreact": "0.1.5",
"react": "0.12.2",
"react-datepicker": "0.5.1",
"react-onclickoutside": "0.2.4",
"tether": "0.6.5",
"underscore": "1.8.3"
......
/* styling for the datepicker used in the query builder */
.datepicker {
border: 1px solid #ddd;
font-family: "Lato";
font-size: 0.75em;
box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}
.datepicker__day {
color: #999;
padding: 1em;
width: 4em;
border-radius: 99px;
}
.datepicker__month {
display: flex;
flex-direction: column;
}
.datepicker__header > div,
.datepicker__month > div {
display: flex;
flex: 1;
flex-direction: row;
flex-wrap: wrap;
}
.datepicker__day {
flex: 1;
width: auto;
line-height: normal;
}
/* triangles? we don't need no stinking triangles */
.datepicker__triangle {
display: none;
}
.datepicker__day--this-month {
color: #252525;
}
.datepicker__day:hover {
border-radius: 99px;
color: #A8C28e;
background: transparent;
}
.datepicker__header {
padding: 1em 1em 0.25em;
background: #fff;
}
.datepicker__day--selected {
color: #fff;
background-color: #A8C28e;
box-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}
.datepicker__day--selected:hover {
background-color: #A8C28e;
color: #fff;
}
.datepicker__input,
.datepicker__input:focus {
border: none;
box-shadow: none;
outline: none;
}
.datepicker__month {
padding: 1em;
}
.datepicker__header {
border-bottom: 1px solid #ddd;
}
'use strict';
/*global window*/
// import compiled version, webpack doesn't seem to be running JSX transforms on node_modules
// css imported in init.css
import DatePicker from 'react-datepicker';
import Tether from 'tether';
import moment from 'moment';
// DatePicker depedencies :(
window.Tether = Tether;
window.moment = moment;
export default React.createClass({
displayName: 'DateFilter',
propTypes: {
date: React.PropTypes.string,
index: React.PropTypes.number,
onChange: React.PropTypes.func.isRequired
},
onChange: function(date) {
if (this.props.index) {
this.props.onChange(this.props.index, date);
} else {
this.props.onChange(date);
}
},
render: function () {
var date;
if(this.props.date) {
date = moment(this.props.date);
} else {
date = moment();
}
return (
<DatePicker
dateFormat="YYYY-MM-DD"
selected={date}
onChange={this.onChange}
/>
);
}
});
'use strict';
/*global document, Tether*/
/*global document*/
import PopoverContent from './popover_content.react'
import PopoverContent from './popover_content.react';
import Tether from 'tether';
export default React.createClass({
displayName: 'Popover',
......
'use strict';
/*global document, Tether*/
/*global document*/
import PopoverContent from './popover_content.react'
import Tether from 'tether';
export default React.createClass({
displayName: 'PopoverWithTrigger',
......
'use strict';
import DateFilter from './date_filter.react';
import Icon from './icon.react';
import SelectionModule from './selection_module.react';
......
......@@ -7,5 +7,4 @@
@import 'dc/dc.css';
/* react */
@import 'react-datepicker/react-datepicker.css';
@import 'fixed-data-table/dist/fixed-data-table.css';
\ No newline at end of file
@import 'fixed-data-table/dist/fixed-data-table.css';
......@@ -89,7 +89,6 @@ module.exports = {
// react
'react': __dirname + '/node_modules/react/dist/react-with-addons.js',
'react-onclickoutside': __dirname + '/node_modules/react-onclickoutside/index.js',
'react-datepicker': __dirname + '/node_modules/react-datepicker/react-datepicker.js',
'fixed-data-table': __dirname + '/node_modules/fixed-data-table/dist/fixed-data-table.js',
'moment': __dirname + '/node_modules/moment/min/moment.min.js',
'tether': __dirname + '/node_modules/tether/tether.min.js',
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment