Merge pull request #40 from stijndeschuymer/allow-day-cell-margin

allow Day cells to have margin

Author: burakcan

lib/styles.js

@@ -170,6 +170,7 @@ exports['default'] = function () {
 
   var calendarWidth = defaultTheme.Calendar.width;
   var calendarPadding = defaultTheme.Calendar.padding;
+  var cellMargin = defaultTheme.Day.margin || 0;
 
   if (customTheme.Calendar && customTheme.Calendar.hasOwnProperty('width')) {
     calendarWidth = customTheme.Calendar.width;
@@ -179,7 +180,11 @@ exports['default'] = function () {
     calendarPadding = customTheme.Calendar.padding;
   }
 
-  var cellSize = (parseInt(calendarWidth) - parseInt(calendarPadding) * 2) / 7;
+  if (customTheme.Day && customTheme.Day.hasOwnProperty('margin')) {
+    cellMargin = customTheme.Day.margin;
+  }
+
+  var cellSize = (parseInt(calendarWidth) - parseInt(calendarPadding) * 2) / 7 - parseInt(cellMargin) * 2;
 
   return {
     DateRange: _extends({}, defaultTheme.DateRange, customTheme.DateRange),

src/styles.js

@@ -163,6 +163,7 @@ export default (customTheme = {}) => {
 
   let calendarWidth   = defaultTheme.Calendar.width;
   let calendarPadding = defaultTheme.Calendar.padding;
+  let cellMargin      = defaultTheme.Day.margin || 0;
 
   if ( customTheme.Calendar && customTheme.Calendar.hasOwnProperty('width') ) {
     calendarWidth = customTheme.Calendar.width;
@@ -172,7 +173,11 @@ export default (customTheme = {}) => {
     calendarPadding = customTheme.Calendar.padding;
   }
 
-  const cellSize = ( parseInt(calendarWidth) - parseInt(calendarPadding) * 2 ) / 7;
+  if ( customTheme.Day && customTheme.Day.hasOwnProperty('margin') ) {
+      cellMargin = customTheme.Day.margin;
+  }
+
+  const cellSize = (( parseInt(calendarWidth) - parseInt(calendarPadding) * 2 ) / 7 ) - ( parseInt(cellMargin) * 2 );
 
   return {
     DateRange : { ...defaultTheme.DateRange, ...customTheme.DateRange },