Socket
Socket
Sign inDemoInstall

@ericz1803/react-google-calendar

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ericz1803/react-google-calendar - npm Package Compare versions

Comparing version 4.2.1 to 4.2.2

2

index.js

@@ -159,3 +159,3 @@ "use strict";

if (Boolean(this.props.language) && _languages.availableLanguages.includes(this.props.language.toUpperCase())) {
// try to change langue
// try to change language
try {

@@ -162,0 +162,0 @@ lang = this.props.language.toUpperCase();

@@ -7,3 +7,3 @@ "use strict";

exports.Languages = exports.availableLanguages = void 0;
var availableLanguages = ['ES', 'PT', 'FR', 'SL'];
var availableLanguages = ['ES', 'PT', 'FR', 'SL', 'DE', 'PL'];
exports.availableLanguages = availableLanguages;

@@ -30,4 +30,12 @@ var Languages = {

DAYS: ["Ned", "Pon", "Tor", "Sre", "Čet", "Pet", "Sob"]
},
DE: {
MONTHS: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
DAYS: ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"]
},
PL: {
MONTHS: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"],
DAYS: ["Pon", "Wt", "Śr", "Czw", "Pt", "Sob", "Nd"]
}
};
exports.Languages = Languages;
{
"name": "@ericz1803/react-google-calendar",
"version": "4.2.1",
"version": "4.2.2",
"description": "React Google Calendar Component",

@@ -39,3 +39,3 @@ "main": "index.js",

"devDependencies": {
"@babel/cli": "^7.10.1",
"@babel/cli": "^7.18.10",
"@babel/core": "^7.10.1",

@@ -51,3 +51,3 @@ "@babel/plugin-transform-runtime": "^7.10.1",

"jest-emotion": "^10.0.32",
"jest-transform-css": "^2.1.0",
"jest-transform-css": "^4.0.1",
"react-test-renderer": "^16.14.0"

@@ -54,0 +54,0 @@ },

# React Google Calendar
![npm (scoped)](https://img.shields.io/npm/v/@ericz1803/react-google-calendar) [![Build Status](https://travis-ci.com/ericz1803/react-google-calendar.svg?token=kgRjisW2saVwCyBzYyN5&branch=master)](https://travis-ci.com/ericz1803/react-google-calendar)
![npm (scoped)](https://img.shields.io/npm/v/@ericz1803/react-google-calendar) [![Build Status](https://travis-ci.com/ericz1803/react-google-calendar.svg?token=kgRjisW2saVwCyBzYyN5&branch=master)](https://travis-ci.com/ericz1803/react-google-calendar)
A react component that displays an event calendar using data from google's calendar api. It is intended to replace the embedded google calendar.

@@ -28,3 +28,3 @@

Then, get the calendar id from the google calendar. It will look something like `09opmkrjova8h5k5k46fedmo88@group.calendar.google.com`.
Then, get the calendar id from the google calendar. It will look something like `09opmkrjova8h5k5k46fedmo88@group.calendar.google.com`.
You can find it by going to a calendar's settings and scrolling down to the section that is labelled `Integrate calendar`.

@@ -40,7 +40,7 @@

let calendars = [
{calendarId: "YOUR_CALENDAR_ID"},
{ calendarId: "YOUR_CALENDAR_ID" },
{
calendarId: "YOUR_CALENDAR_ID_2",
color: "#B241D1" //optional, specify color of calendar 2 events
}
color: "#B241D1", //optional, specify color of calendar 2 events
},
];

@@ -54,3 +54,3 @@

</div>
)
);
}

@@ -61,2 +61,3 @@ }

### Properties
| Parameter | Type | Description |

@@ -69,3 +70,3 @@ |---------------|------------------|---------------------------------------------------------------------------------|

| `showFooter` | boolean | whether or not to show footer (optional, defaults to `true`) |
| `language` | string | Available options : 'ES', 'PT', 'FR', 'SL' default: 'EN' |
| `language` | string | Available options : `ES`, `PT`, `FR`, `SL`, `DE`, `PL` default: `EN` |

@@ -79,2 +80,3 @@ ### Customization

#### Style Keys
- `calendar`

@@ -98,5 +100,11 @@ - `day`

let calendars = [
{calendarId: "09opmkrjova8h5k5k46fedmo88@group.calendar.google.com", color: "#B241D1"}, //add a color field to specify the color of a calendar
{calendarId: "hkr1dj9k6v6pa79gvpv03eapeg@group.calendar.google.com"}, //without a specified color, it defaults to blue (#4786ff)
{calendarId: "rg4m0k607609r2jmdr97sjvjus@group.calendar.google.com", color: "rgb(63, 191, 63)"} //accepts hex and rgb strings (doesn't work with color names)
{
calendarId: "09opmkrjova8h5k5k46fedmo88@group.calendar.google.com",
color: "#B241D1",
}, //add a color field to specify the color of a calendar
{ calendarId: "hkr1dj9k6v6pa79gvpv03eapeg@group.calendar.google.com" }, //without a specified color, it defaults to blue (#4786ff)
{
calendarId: "rg4m0k607609r2jmdr97sjvjus@group.calendar.google.com",
color: "rgb(63, 191, 63)",
}, //accepts hex and rgb strings (doesn't work with color names)
];

@@ -109,12 +117,12 @@

},
//you can also use emotion's string styles
today: css`
/* highlight today by making the text red and giving it a red border */
/* highlight today by making the text red and giving it a red border */
color: red;
border: 1px solid red;
`
}
`,
};
const language = 'ES';
const language = "ES";

@@ -125,10 +133,10 @@ class Example extends React.Component {

<div>
<Calendar
apiKey={API_KEY}
calendars={calendars}
styles={styles}
language={language}
<Calendar
apiKey={API_KEY}
calendars={calendars}
styles={styles}
language={language}
/>
</div>
)
);
}

@@ -139,2 +147,3 @@ }

## License
MIT License
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc