finish a half of datetimepicker

src/static/css/datetimepicker.css

@@ -0,0 +1,50 @@
+div.perfectTable {
+    display: flex;
+    flex-flow: column;
+}
+
+/*
+div.perfectTable > div > div:nth-child(1) {
+    border-left: 1px solid black;
+}
+
+div.perfectTable > div:nth-child(1) > div {
+    border-top: 1px solid black;
+}
+*/
+
+div.perfectTable > div > div {
+    /*border-top: 0 solid black;
+    border-left: 0 solid black;
+    border-right: 1px solid black;
+    border-bottom: 1px solid black;
+
+    padding: 0.75em;*/
+
+    flex-grow: 1;
+    flex-basis: 0;
+    flex-shrink: 0;
+
+    overflow: hidden;
+
+    display: flex;
+    justify-content: center;
+}
+
+div.perfectTable > div {
+    display: flex;
+    flex-flow: row;
+}
+
+
+div.pickerContainer {
+    display: flex; 
+    align-items: center; 
+    flex-flow: row;
+}
+
+div.pickerContainer > div {
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
+}