0

I'm using the script below to crate an availability calendar for my website. The guests check-out on a Saturday morning and check-in on Saturday afternoon.

Availability Calendar

Therefore trying to adapt the code to resemble:

enter image description here

Just cant get the code to look right if two weeks booked together and also the first Unavaiolable cell is always highlighted as the last nth etc.

Barton
  • 143
  • 2
  • 2
  • 10
  • 1
    You can create two triangles using CSS inside that box. https://stackoverflow.com/a/29819606 – m4n0 Jun 18 '18 at 21:29
  • @ManojKumar thank you, thats a better way of setting the background than using linear gradients. The main issue is how to implement the css in the datepicker code. – Barton Jun 19 '18 at 06:16
  • Managed to add the CSS code and change the datepicker code. Thank you. – Barton Jun 21 '18 at 17:13
  • Great. Answer your own question and mark it! :) – m4n0 Jun 21 '18 at 17:40

1 Answers1

0

Added the relevant CSS as a previous question noted by @Manoj Kumar.

Due to the HTML being created via JS, checks had to be undertaken in JavaScript on NextStatus and PrevStatus to determine the CSS to use and whether Available or not.

Barton
  • 143
  • 2
  • 2
  • 10